Zen Garden Complementary Color Scheme
Five colors arranged by the complementary rule around Zen Garden (#D1DAC0), each snapped to its nearest named color.
#D1DAC0
#F4F7EE
#CCC1DA
#A193BF
#F1F2F8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Zen Garden | #D1DAC0 | 209, 218, 192 | 81°, 26%, 80% | 4, 0, 12, 15 | |
| Grass Valley | #F4F7EE | 244, 247, 238 | 80°, 36%, 95% | 1, 0, 4, 3 | |
| Awesome Aura | #CCC1DA | 204, 193, 218 | 266°, 25%, 81% | 6, 11, 0, 15 | |
| Chive Flower | #A193BF | 161, 147, 191 | 259°, 26%, 66% | 16, 23, 0, 25 | |
| Alpine Goat | #F1F2F8 | 241, 242, 248 | 231°, 33%, 96% | 3, 2, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F4F7EE on #A193BF | 2.61:1 | — |
| Aa #A193BF on #F1F2F8 | 2.53:1 | — |
| Aa #D1DAC0 on #A193BF | 1.95:1 | — |
| Aa #CCC1DA on #A193BF | 1.64:1 | — |
| Aa #F4F7EE on #CCC1DA | 1.59:1 | — |
| Aa #CCC1DA on #F1F2F8 | 1.54:1 | — |
CSS variables
:root {
--color-1: #d1dac0; /* Zen Garden */
--color-2: #f4f7ee; /* Grass Valley */
--color-3: #ccc1da; /* Awesome Aura */
--color-4: #a193bf; /* Chive Flower */
--color-5: #f1f2f8; /* Alpine Goat */
}Other schemes from Zen Garden
- Zen Garden Analogous Color Scheme#DACAC0#D8D6C0#D1DAC0#C1D8C5#C0DBC6
- Zen Garden Triadic Color Scheme#D1DAC0#C3D1D9#DCC0D3#F4F7EE#8FADBD
- Zen Garden Split-complementary Color Scheme#D1DAC0#C0C3D7#D6C1DD#ABBD90#EDF2F8
- Zen Garden Tetradic Color Scheme#D1DAC0#C3DCD5#CCC1DA#DCC0C3#F4F7EE
- Zen Garden Monochromatic Color Scheme#92A360#ABBD90#D1DAC0#F4F7EE#F4F7EE
More Very Light Green complementary palettes
- Airy Fields Complementary Color Scheme#DBE0C4#F4F7EE#CAC1E2#9E91C3#EBECF5
- Ambrosia Complementary Color Scheme#C6E1BC#F1F8EC#DCBFE1#B48AC2#F8EEF4
- Amnesiac White Complementary Color Scheme#F8FBEB#F8FBEB#EEE9F9#ACACE6#EEE9F9
- Arabica Mint Complementary Color Scheme#C0FFEE#E7FAFA#FFC1D0#FF7799#FFE5ED
- Bath Bubbles Complementary Color Scheme#E6F2EA#EFF5F1#F1E8EC#DAB4CC#F8EEF4
- Bethlehem Superstar Complementary Color Scheme#EAEEDA#F4F7EE#DDDCEF#B2A5D3#EBECF5
- Blissful Serenity Complementary Color Scheme#EAEED8#F6F7ED#DBD7F2#A6A1D7#EBECF5
- Breath of Celery Complementary Color Scheme#DCE7CB#F4F7EE#D9CDE5#AE99D2#F1F2F8
- Candied Snow Complementary Color Scheme#D8FFF3#EBFCF5#FDD7E4#FC89AC#FFE5ED
- Caribbean Complementary Color Scheme#CAF0E5#E9F9F5#EDC9D5#DC89A8#F8EAED
- Clair de Lune Complementary Color Scheme#DBE9DF#EFF5F1#E9DBE4#CCACC1#F6F1F4
- Creamy Garlic Complementary Color Scheme#ECEFE3#F4F7EE#E5E3EF#BFB3D1#F1F2F8
Questions
What colors go with Zen Garden?
In a complementary scheme: Grass Valley (#F4F7EE), Awesome Aura (#CCC1DA), Chive Flower (#A193BF), Alpine Goat (#F1F2F8).
What is the hex code of Zen Garden?
#D1DAC0.