Zen Garden Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Zen Garden (#D1DAC0), each snapped to its nearest named color.
#92A360
#ABBD90
#D1DAC0
#F4F7EE
#F4F7EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Zesty Apple | #92A360 | 146, 163, 96 | 75°, 27%, 51% | 10, 0, 41, 36 | |
| Chervil Leaves | #ABBD90 | 171, 189, 144 | 84°, 25%, 65% | 10, 0, 24, 26 | |
| 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 | |
| Grass Valley | #F4F7EE | 244, 247, 238 | 80°, 36%, 95% | 1, 0, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #92A360 on #F4F7EE | 2.54:1 | — |
| Aa #92A360 on #F4F7EE | 2.54:1 | — |
| Aa #92A360 on #D1DAC0 | 1.90:1 | — |
| Aa #ABBD90 on #F4F7EE | 1.86:1 | — |
| Aa #ABBD90 on #F4F7EE | 1.86:1 | — |
| Aa #ABBD90 on #D1DAC0 | 1.39:1 | — |
CSS variables
:root {
--color-1: #92a360; /* Zesty Apple */
--color-2: #abbd90; /* Chervil Leaves */
--color-3: #d1dac0; /* Zen Garden */
--color-4: #f4f7ee; /* Grass Valley */
--color-5: #f4f7ee; /* Grass Valley */
}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 Split-complementary Color Scheme#D1DAC0#C0C3D7#D6C1DD#ABBD90#EDF2F8
- Zen Garden Tetradic Color Scheme#D1DAC0#C3DCD5#CCC1DA#DCC0C3#F4F7EE
More Very Light Green monochromatic palettes
- Airy Fields Monochromatic Color Scheme#9CAD60#B6CA90#DBE0C4#F4F7EE#F4F7EE
- Ambrosia Monochromatic Color Scheme#74AF54#9CCA84#C6E1BC#F1F8EC#F1F8EC
- Amnesiac White Monochromatic Color Scheme#CAE277#E3EBAE#F8FBEB#F8FBEB#F8FBEB
- Arabica Mint Monochromatic Color Scheme#32FFDC#73FCD6#C0FFEE#E7FAFA#E7FAFA
- Bath Bubbles Monochromatic Color Scheme#88BB95#B3D5C0#E6F2EA#EFF5F1#EFF5F1
- Bethlehem Superstar Monochromatic Color Scheme#A9BE70#CFD5A7#EAEEDA#F4F7EE#F4F7EE
- Blissful Serenity Monochromatic Color Scheme#AEC571#CFD4A4#EAEED8#F6F7ED#F6F7ED
- Breath of Celery Monochromatic Color Scheme#97BC62#BBCC99#DCE7CB#F4F7EE#F4F7EE
- Candied Snow Monochromatic Color Scheme#3AFDDB#8CFFDB#D8FFF3#EBFCF5#EBFCF5
- Caribbean Monochromatic Color Scheme#58CEB2#88DDCC#CAF0E5#E9F9F5#E9F9F5
- Clair de Lune Monochromatic Color Scheme#7BB18D#AACCB9#DBE9DF#EFF5F1#EFF5F1
- Creamy Garlic Monochromatic Color Scheme#AFB982#CCD1B2#ECEFE3#F4F7EE#F4F7EE
Questions
What colors go with Zen Garden?
In a monochromatic scheme: Zesty Apple (#92A360), Chervil Leaves (#ABBD90), Grass Valley (#F4F7EE), Grass Valley (#F4F7EE).
What is the hex code of Zen Garden?
#D1DAC0.