Cypress Garden color palette — #E8FAF3 · #88A57E · #34714E · #623D57 · #073E38
Pine and Cocoa set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E8FAF3): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#88A57E): A luminous, dusty green — the color of new leaves after rain.
- Pine (#34714E): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#623D57): A full-bodied, dusty pink — the color of peonies in June.
- Forest (#073E38): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Cypress Garden into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Hushed Corridor color palette (#EAF5EE, #8CAA7E, #00765C, #563B5C, #00221D)
- Hazy Pine Archive color palette (#E6FBF4, #84B085, #007D56, #774115, #1E4421)
- Cypress Terrace color palette (#E9F9F6, #89BABA, #418173, #774B58, #214A4A)
- Weathered Forest color palette (#D1EBE6, #649A78, #006451, #5A3300, #04321B)
- Patina Garnet color palette (#DBF2E2, #939846, #426700, #810119, #2F3100)
- Dusty Loft color palette (#DBEEE9, #53885D, #00523B, #530B37, #002209)
- Seafoam Balcony color palette (#F9F6E4, #A8DA97, #6DB287, #A47578, #35362F)
- Tempered Cobalt Garden color palette (#EFF8F1, #ADC9DE, #397CBC, #005E6A, #2B3A5B)
Browse the whole catalog at Explore, or see today's palette.