Savannah Grass to Enchanted Well color palette
B6BB7CSavannah GrassFFCFE8Light Pink276C8FChill of the Night3B1A27Black-Hearted45450EAlligator Gladiator5092B8Enchanted Well
About this palette
Savannah Grass to Enchanted Well is a 6-color warm, vintage palette: #B6BB7C (Savannah Grass), #FFCFE8 (Light Pink), #276C8F (Chill of the Night), #3B1A27 (Black-Hearted), #45450E (Alligator Gladiator), #5092B8 (Enchanted Well). It mixes green, pink, blue, red, brown tones and feels warm overall. The strongest text pairing is #FFCFE8 on #3B1A27 with a contrast ratio of 11.26:1, and 5 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Savannah Grass | rgb(182, 187, 124) | hsl(65, 32%, 61%) | |
| Light Pink | rgb(255, 207, 232) | hsl(329, 100%, 91%) | |
| Chill of the Night | rgb(39, 108, 143) | hsl(200, 57%, 36%) | |
| Black-Hearted | rgb(59, 26, 39) | hsl(336, 39%, 17%) | |
| Alligator Gladiator | rgb(69, 69, 14) | hsl(60, 66%, 16%) | |
| Enchanted Well | rgb(80, 146, 184) | hsl(202, 42%, 52%) |
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.
- Aa11.26:1 #FFCFE8 on #3B1A27
- Aa11.26:1 #3B1A27 on #FFCFE8
- Aa7.62:1 #B6BB7C on #3B1A27
- Aa7.62:1 #3B1A27 on #B6BB7C
- Aa7.27:1 #FFCFE8 on #45450E
- Aa7.27:1 #45450E on #FFCFE8
- Aa4.92:1 #B6BB7C on #45450E
- Aa4.92:1 #45450E on #B6BB7C
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Savannah Grass to Enchanted Well — https://swatchly.xyz/palette/b6bb7c-ffcfe8-276c8f-3b1a27-45450e-5092b8 */
:root {
--savannah-grass: #b6bb7c;
--light-pink: #ffcfe8;
--chill-of-the-night: #276c8f;
--black-hearted: #3b1a27;
--alligator-gladiator: #45450e;
--enchanted-well: #5092b8;
}
Tailwind CSS v4
/* Savannah Grass to Enchanted Well — https://swatchly.xyz/palette/b6bb7c-ffcfe8-276c8f-3b1a27-45450e-5092b8 */
@theme {
--color-savannah-grass: #b6bb7c;
--color-savannah-grass-50: #eff3cd;
--color-savannah-grass-100: #e3e7bd;
--color-savannah-grass-200: #ced2a0;
--color-savannah-grass-300: #b6bb7c;
--color-savannah-grass-400: #999d61;
--color-savannah-grass-500: #808447;
--color-savannah-grass-600: #686b30;
--color-savannah-grass-700: #53561f;
--color-savannah-grass-800: #424413;
--color-savannah-grass-900: #34360a;
--color-savannah-grass-950: #202103;
--color-light-pink: #ffcfe8;
--color-light-pink-50: #fff8fb;
--color-light-pink-100: #ffebf5;
--color-light-pink-200: #ffcfe8;
--color-light-pink-300: #e1bace;
--color-light-pink-400: #c398ae;
--color-light-pink-500: #a67b92;
--color-light-pink-600: #896076;
--color-light-pink-700: #6e495d;
--color-light-pink-800: #573748;
--color-light-pink-900: #442938;
--color-light-pink-950: #2c1823;
--color-chill-of-the-night: #276c8f;
--color-chill-of-the-night-50: #ebf7ff;
--color-chill-of-the-night-100: #d3eeff;
--color-chill-of-the-night-200: #aaddfa;
--color-chill-of-the-night-300: #8cc5e7;
--color-chill-of-the-night-400: #65a5c9;
--color-chill-of-the-night-500: #4588ac;
--color-chill-of-the-night-600: #276c8f;
--color-chill-of-the-night-700: #175674;
--color-chill-of-the-night-800: #09435e;
--color-chill-of-the-night-900: #03344a;
--color-chill-of-the-night-950: #002030;
--color-black-hearted: #3b1a27;
--color-black-hearted-50: #fff1f5;
--color-black-hearted-100: #ffe2ec;
--color-black-hearted-200: #efcdd8;
--color-black-hearted-300: #dbb5c1;
--color-black-hearted-400: #bd94a2;
--color-black-hearted-500: #a37a88;
--color-black-hearted-600: #89626f;
--color-black-hearted-700: #714d5a;
--color-black-hearted-800: #5d3d48;
--color-black-hearted-900: #4b303a;
--color-black-hearted-950: #3b1a27;
--color-alligator-gladiator: #45450e;
--color-alligator-gladiator-50: #f6f8d9;
--color-alligator-gladiator-100: #edeecc;
--color-alligator-gladiator-200: #d9dbb2;
--color-alligator-gladiator-300: #c3c596;
--color-alligator-gladiator-400: #a4a672;
--color-alligator-gladiator-500: #898a55;
--color-alligator-gladiator-600: #6e6f3c;
--color-alligator-gladiator-700: #585829;
--color-alligator-gladiator-800: #45450e;
--color-alligator-gladiator-900: #353511;
--color-alligator-gladiator-950: #202107;
--color-enchanted-well: #5092b8;
--color-enchanted-well-50: #ecf8ff;
--color-enchanted-well-100: #d9f0ff;
--color-enchanted-well-200: #b1e1ff;
--color-enchanted-well-300: #94ccee;
--color-enchanted-well-400: #6fadd2;
--color-enchanted-well-500: #5092b8;
--color-enchanted-well-600: #34769a;
--color-enchanted-well-700: #1f5e7f;
--color-enchanted-well-800: #0f4966;
--color-enchanted-well-900: #053851;
--color-enchanted-well-950: #012334;
}
Similar palettes
- 4A430031859D3A1D2F356170BBC199D389A6Alligator Gladiator to Kiss
- FBC0DA6439563D361BB1AF86007D9463A0B0Cotton Candy to Seaside
- 5899BCAFA87A006385FEC7DC53283CCanadian Tuxedo to Wine Tasting
- 96C1759F5766FFD1D75B8EC93B421D122938Pistachio to Oceanic Noir
- E5C4972975904731332B1F055890B5FFE9E5Halo to Pink Swirl
- FED2D4AFD084579ECD577406075A8336171ELove Fumes to Bruised Plum
- 351B18455A976285C49EB790FFD2CFBruised Plum to Girlie
- 4F082C4E5512008AB1BFC58DDCF1FFWhat We Do in the Shadows to Water