Cypress Grove color palette — #FAF7D2 · #A8CBA7 · #4F9276 · #00695E · #004E54
Pine and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FAF7D2): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#A8CBA7): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#4F9276): A luminous, balanced teal — the color of glacier melt.
- Pine (#00695E): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004E54): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged muted, cool.
Use it as a design system
One click turns Cypress Grove 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
- Soft Quarry color palette (#E9FDD7, #A6C4A2, #3697A6, #006280, #00497D)
- Jade Coast color palette (#DDFFE8, #BFD6A3, #5EAE7E, #008386, #004D65)
- Dusty Fern color palette (#FFF3E4, #C9BE8F, #878D4A, #3C680B, #005A27)
- Lagoon Basin color palette (#DBEFE2, #28A48C, #00676A, #003F4C, #00273A)
- Muted Driftwood color palette (#F5F6EF, #D5DCD6, #A4AFB3, #6E8D55, #535348)
- Weathered Coast color palette (#FEF4E3, #91B387, #398678, #684B7F, #414F01)
- Cocoa Thicket color palette (#F4F8E1, #B4C2AE, #7F9385, #82656A, #644944)
- Petrol Meadow color palette (#D6E7E8, #007D99, #003E5C, #00173E, #050029)
Browse the whole catalog at Explore, or see today's palette.