Cypress Ridge color palette — #F8F6E7 · #86A57E · #33714F · #3A5237 · #35362F
A conversation between Pine and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F6E7): a clean, paper-quiet neutral.
- Moss (#86A57E): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#33714F): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#3A5237): A full-bodied, dusty green — the color of a quiet forest floor.
- Espresso (#35362F): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Cypress Ridge 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
- Washed Delta color palette (#F9F1E4, #98A779, #1C764C, #004F60, #211D00)
- Lagoon Balcony color palette (#E5E7D2, #549D74, #006452, #343962, #242D09)
- Patina Lagoon color palette (#F5F7E8, #A7B68D, #408174, #45614E, #374A00)
- Tempered Jade color palette (#E7FBF3, #B4D5AB, #5FB584, #53908B, #1D3C37)
- Wandering Cerulean Coast color palette (#FBF4E9, #B0CEB6, #0A85A3, #006155, #03405B)
- Antique Olive Meadow color palette (#F1DDBF, #786D03, #323D00, #002732, #131000)
- Hushed Pier color palette (#FFE6F9, #7289D5, #967300, #374CAA, #443300)
- Petrol Chapel color palette (#FFF0FA, #F0D1E9, #CE9CCA, #466B9B, #553A48)
Browse the whole catalog at Explore, or see today's palette.