Celery Sceptre to Worcestershire Sauce color palette
DEDB97Celery SceptreE78703Hotter Butter566FBDLoch Ness1A54A2Fist of the North Star532F1FWorcestershire Sauce
About this palette
Celery Sceptre to Worcestershire Sauce is a 5-color warm, earthy palette: #DEDB97 (Celery Sceptre), #E78703 (Hotter Butter), #566FBD (Loch Ness), #1A54A2 (Fist of the North Star), #532F1F (Worcestershire Sauce). It mixes yellow, orange, blue, brown tones and feels warm overall. The strongest text pairing is #DEDB97 on #532F1F with a contrast ratio of 8.18:1, and 2 of its 10 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Celery Sceptre | rgb(222, 219, 151) | hsl(57, 52%, 73%) | |
| Hotter Butter | rgb(231, 135, 3) | hsl(35, 97%, 46%) | |
| Loch Ness | rgb(86, 111, 189) | hsl(225, 44%, 54%) | |
| Fist of the North Star | rgb(26, 84, 162) | hsl(214, 72%, 37%) | |
| Worcestershire Sauce | rgb(83, 47, 31) | hsl(18, 46%, 22%) |
Accessible color pairs
Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.
- Aa8.18:1 #DEDB97 on #532F1F
- Aa8.18:1 #532F1F on #DEDB97
- Aa5.18:1 #DEDB97 on #1A54A2
- Aa5.18:1 #1A54A2 on #DEDB97
- Aa4.38:1 #E78703 on #532F1F
- Aa4.38:1 #532F1F on #E78703
- Aa3.33:1 #DEDB97 on #566FBD
- Aa3.33:1 #566FBD on #DEDB97
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Celery Sceptre to Worcestershire Sauce — https://swatchly.xyz/palette/dedb97-e78703-566fbd-1a54a2-532f1f */
:root {
--celery-sceptre: #dedb97;
--hotter-butter: #e78703;
--loch-ness: #566fbd;
--fist-of-the-north-star: #1a54a2;
--worcestershire-sauce: #532f1f;
}
Tailwind CSS v4
/* Celery Sceptre to Worcestershire Sauce — https://swatchly.xyz/palette/dedb97-e78703-566fbd-1a54a2-532f1f */
@theme {
--color-celery-sceptre: #dedb97;
--color-celery-sceptre-50: #f8f7d2;
--color-celery-sceptre-100: #efeec4;
--color-celery-sceptre-200: #dedb97;
--color-celery-sceptre-300: #c6c48b;
--color-celery-sceptre-400: #a8a565;
--color-celery-sceptre-500: #8d8948;
--color-celery-sceptre-600: #726f2e;
--color-celery-sceptre-700: #5b581a;
--color-celery-sceptre-800: #48440c;
--color-celery-sceptre-900: #373404;
--color-celery-sceptre-950: #232001;
--color-hotter-butter: #e78703;
--color-hotter-butter-50: #fff3e9;
--color-hotter-butter-100: #ffe6d1;
--color-hotter-butter-200: #ffcda0;
--color-hotter-butter-300: #ffac5d;
--color-hotter-butter-400: #e78703;
--color-hotter-butter-500: #c17000;
--color-hotter-butter-600: #9c5900;
--color-hotter-butter-700: #7d4600;
--color-hotter-butter-800: #623600;
--color-hotter-butter-900: #4d2900;
--color-hotter-butter-950: #311800;
--color-loch-ness: #566fbd;
--color-loch-ness-50: #f1f5ff;
--color-loch-ness-100: #e5edff;
--color-loch-ness-200: #ccdaff;
--color-loch-ness-300: #aec4ff;
--color-loch-ness-400: #89a4f2;
--color-loch-ness-500: #6e89d9;
--color-loch-ness-600: #566fbd;
--color-loch-ness-700: #41579e;
--color-loch-ness-800: #304281;
--color-loch-ness-900: #223267;
--color-loch-ness-950: #131e45;
--color-fist-of-the-north-star: #1a54a2;
--color-fist-of-the-north-star-50: #eff6ff;
--color-fist-of-the-north-star-100: #dfecff;
--color-fist-of-the-north-star-200: #c0daff;
--color-fist-of-the-north-star-300: #9ac4ff;
--color-fist-of-the-north-star-400: #6ba3f5;
--color-fist-of-the-north-star-500: #4d87d9;
--color-fist-of-the-north-star-600: #346cbb;
--color-fist-of-the-north-star-700: #1a54a2;
--color-fist-of-the-north-star-800: #124181;
--color-fist-of-the-north-star-900: #093267;
--color-fist-of-the-north-star-950: #031e45;
--color-worcestershire-sauce: #532f1f;
--color-worcestershire-sauce-50: #fff2ed;
--color-worcestershire-sauce-100: #ffe5da;
--color-worcestershire-sauce-200: #f2cfc0;
--color-worcestershire-sauce-300: #deb7a7;
--color-worcestershire-sauce-400: #c29886;
--color-worcestershire-sauce-500: #a87e6c;
--color-worcestershire-sauce-600: #8d6554;
--color-worcestershire-sauce-700: #755040;
--color-worcestershire-sauce-800: #603f31;
--color-worcestershire-sauce-900: #532f1f;
--color-worcestershire-sauce-950: #341f15;
}
Similar palettes
- BACC6C482A13E18D435E7AC34953BCJuicy Lime to Blasphemous Blue
- F7D3998AB4F7C28C00597CAD2F6197594500Igniting to Very Coffee
- 5A22332B58ACC45075D88600EDB668BFFBFBDrops of God to Friendly Frost
- 76870A171824B7D49E49478E4C3017DD9753Asparagus Sultan to Coffee Whip
- 515D8F533F04141D37E0C681D6A03D7186D3Wizard to Marina
- A65CC3C99B6A005593482D00DFEDC7Prickly Purple to Green Glint
- 4164D33A5692483100C8D5FFBD9400E1AB43Savoy Blue to Brass Buttons
- FCCF97506190D2AE66518CCE4B3D1DPeach Beach to Avocado Stone