Cherry Blossom to Dark color palette
About this palette
Cherry Blossom to Dark is a 5-color muted, warm, vintage palette: #F5C1D4 (Cherry Blossom), #4E501F (Zen Garden Olive), #A7A87F (Olive Tree), #8F6A7A (Fruit of Passion), #162530 (Dark). It mixes pink, brown, yellow, red, gray tones and feels warm overall. The strongest text pairing is #F5C1D4 on #162530 with a contrast ratio of 10.04:1, and 3 of its 10 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Cherry Blossom | rgb(245, 193, 212) | hsl(338, 72%, 86%) | |
| Zen Garden Olive | rgb(78, 80, 31) | hsl(62, 44%, 22%) | |
| Olive Tree | rgb(167, 168, 127) | hsl(61, 19%, 58%) | |
| Fruit of Passion | rgb(143, 106, 122) | hsl(334, 15%, 49%) | |
| Dark | rgb(22, 37, 48) | hsl(205, 37%, 14%) |
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.
- Aa10.04:1 #F5C1D4 on #162530
- Aa10.04:1 #162530 on #F5C1D4
- Aa6.37:1 #A7A87F on #162530
- Aa6.37:1 #162530 on #A7A87F
- Aa5.40:1 #F5C1D4 on #4E501F
- Aa5.40:1 #4E501F on #F5C1D4
- Aa3.43:1 #4E501F on #A7A87F
- Aa3.43:1 #A7A87F on #4E501F
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Cherry Blossom to Dark — https://swatchly.xyz/palette/f5c1d4-4e501f-a7a87f-8f6a7a-162530 */
:root {
--cherry-blossom: #f5c1d4;
--zen-garden-olive: #4e501f;
--olive-tree: #a7a87f;
--fruit-of-passion: #8f6a7a;
--dark: #162530;
}
Tailwind CSS v4
/* Cherry Blossom to Dark — https://swatchly.xyz/palette/f5c1d4-4e501f-a7a87f-8f6a7a-162530 */
@theme {
--color-cherry-blossom: #f5c1d4;
--color-cherry-blossom-50: #ffebf2;
--color-cherry-blossom-100: #fedbe8;
--color-cherry-blossom-200: #f5c1d4;
--color-cherry-blossom-300: #dbaebe;
--color-cherry-blossom-400: #be8ea0;
--color-cherry-blossom-500: #a37486;
--color-cherry-blossom-600: #875b6c;
--color-cherry-blossom-700: #6f4756;
--color-cherry-blossom-800: #593644;
--color-cherry-blossom-900: #462834;
--color-cherry-blossom-950: #2d1820;
--color-zen-garden-olive: #4e501f;
--color-zen-garden-olive-50: #f6f8db;
--color-zen-garden-olive-100: #ecefce;
--color-zen-garden-olive-200: #d6dab2;
--color-zen-garden-olive-300: #bec295;
--color-zen-garden-olive-400: #9ea170;
--color-zen-garden-olive-500: #818452;
--color-zen-garden-olive-600: #656839;
--color-zen-garden-olive-700: #4e501f;
--color-zen-garden-olive-800: #3c3e19;
--color-zen-garden-olive-900: #2e3010;
--color-zen-garden-olive-950: #1c1d07;
--color-olive-tree: #a7a87f;
--color-olive-tree-50: #f7f8e1;
--color-olive-tree-100: #eeefd5;
--color-olive-tree-200: #dbdcbe;
--color-olive-tree-300: #c6c7a3;
--color-olive-tree-400: #a7a87f;
--color-olive-tree-500: #8b8c64;
--color-olive-tree-600: #70714a;
--color-olive-tree-700: #595936;
--color-olive-tree-800: #454527;
--color-olive-tree-900: #35351b;
--color-olive-tree-950: #20210e;
--color-fruit-of-passion: #8f6a7a;
--color-fruit-of-passion-50: #fff1f6;
--color-fruit-of-passion-100: #ffe5f0;
--color-fruit-of-passion-200: #f0d2de;
--color-fruit-of-passion-300: #debcca;
--color-fruit-of-passion-400: #c29dad;
--color-fruit-of-passion-500: #a98393;
--color-fruit-of-passion-600: #8f6a7a;
--color-fruit-of-passion-700: #745261;
--color-fruit-of-passion-800: #5c3f4c;
--color-fruit-of-passion-900: #482f3a;
--color-fruit-of-passion-950: #2e1c24;
--color-dark: #162530;
--color-dark-50: #ecf7ff;
--color-dark-100: #e1edf6;
--color-dark-200: #ccdae5;
--color-dark-300: #b3c3d0;
--color-dark-400: #93a4b2;
--color-dark-500: #788a97;
--color-dark-600: #5f707d;
--color-dark-700: #4a5a66;
--color-dark-800: #3a4752;
--color-dark-900: #2c3841;
--color-dark-950: #162530;
}
Similar palettes
- A0BB9E11272D8B7384855854D5C9D7563E3ASalvia to Monkey Island
- DDC8EAA5A784966BA0324B3E1D1C10Foggy Love to Noir Mystique
- FFCAB6CBA18B6A7FA1514A29132432Peach and Quiet to Dark
- 131E2288AF88EAD2C185638A66493DSatin Deep Black to Buckeye
- 5A5A36936E821E1D269BB9ABEBE7D6Reptile Revenge to Mascarpone
- 96C1759F5766FFD1D75B8EC93B421D122938Pistachio to Oceanic Noir
- D0D9ECB6B18F6D738D425643282027Blue Silk to Ink Black
- 3C5D74E0C1D384657F1F2924B89B7AAtlantis to French Oak