Zen Garden Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Zen Garden (#D1DAC0), each snapped to its nearest named color.
#D1DAC0
#C0C3D7
#D6C1DD
#ABBD90
#EDF2F8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Zen Garden | #D1DAC0 | 209, 218, 192 | 81°, 26%, 80% | 4, 0, 12, 15 | 87.4% 0.036 123 | |
| Lavender Escape | #C0C3D7 | 192, 195, 215 | 232°, 22%, 80% | 11, 9, 0, 16 | 82.1% 0.028 279 | |
| New Violet | #D6C1DD | 214, 193, 221 | 285°, 29%, 81% | 3, 13, 0, 13 | 83.7% 0.045 318 | |
| Chervil Leaves | #ABBD90 | 171, 189, 144 | 84°, 25%, 65% | 10, 0, 24, 26 | 77.3% 0.065 126 | |
| Airport | #EDF2F8 | 237, 242, 248 | 213°, 44%, 95% | 4, 2, 0, 3 | 95.9% 0.010 253 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ABBD90 on #EDF2F8 | 1.79:1 | — |
| Aa #C0C3D7 on #EDF2F8 | 1.55:1 | — |
| Aa #D6C1DD on #EDF2F8 | 1.49:1 | — |
| Aa #D1DAC0 on #ABBD90 | 1.39:1 | — |
| Aa #D1DAC0 on #EDF2F8 | 1.29:1 | — |
| Aa #D1DAC0 on #C0C3D7 | 1.21:1 | — |
CSS variables
:root {
--color-1: #d1dac0; /* Zen Garden */
--color-2: #c0c3d7; /* Lavender Escape */
--color-3: #d6c1dd; /* New Violet */
--color-4: #abbd90; /* Chervil Leaves */
--color-5: #edf2f8; /* Airport */
}Other schemes from Zen Garden
- Zen Garden Complementary Color Scheme#D1DAC0#F4F7EE#CCC1DA#A193BF#F1F2F8
- Zen Garden Analogous Color Scheme#DACAC0#D8D6C0#D1DAC0#C1D8C5#C0DBC6
- Zen Garden Triadic Color Scheme#D1DAC0#C3D1D9#DCC0D3#F4F7EE#8FADBD
- Zen Garden Tetradic Color Scheme#D1DAC0#C3DCD5#CCC1DA#DCC0C3#F4F7EE
- Zen Garden Monochromatic Color Scheme#92A360#ABBD90#D1DAC0#F4F7EE#F4F7EE
More very light green split-complementary color schemes
- Airy Fields Split-complementary Color Scheme#DBE0C4#C6CDE0#D7C9E3#B6CA90#EDF2F8
- Ambrosia Split-complementary Color Scheme#C6E1BC#CABAE0#E1BCD8#9CCA84#EBECF5
- Amnesiac White Split-complementary Color Scheme#F8FBEB#E7EFFB#F8EBFC#E3EBAE#E7EFFB
- Arabica Mint Split-complementary Color Scheme#C0FFEE#FEC9ED#FCCDC1#73FCD6#FEE8F5
- Bath Bubbles Split-complementary Color Scheme#E6F2EA#F0E5F5#F2E7E7#B3D5C0#F8EEF4
- Bethlehem Superstar Split-complementary Color Scheme#EAEEDA#D9E0EE#E7D7EF#CFD5A7#EDF2F8
- Blissful Serenity Split-complementary Color Scheme#EAEED8#D6DFEC#E7D7EF#CFD4A4#EDF2F8
- Breath of Celery Split-complementary Color Scheme#DCE7CB#CACFE6#E6CEE6#BBCC99#EDF2F8
- Candied Snow Split-complementary Color Scheme#D8FFF3#FFDBF7#FEE0DA#8CFFDB#FEE8F5
- Caribbean Split-complementary Color Scheme#CAF0E5#EFC9EC#F1D2C9#88DDCC#FCEBF4
- Clair de Lune Split-complementary Color Scheme#DBE9DF#E5DBEB#E9DBDE#AACCB9#F6F1F4
- Creamy Garlic Split-complementary Color Scheme#ECEFE3#E2E6EF#EDE2EE#CCD1B2#EDF2F8
Questions
What colors go with Zen Garden?
In a split-complementary scheme: Lavender Escape (#C0C3D7), New Violet (#D6C1DD), Chervil Leaves (#ABBD90), Airport (#EDF2F8).
What is the hex code of Zen Garden?
#D1DAC0.