Cypress Grove color palette — #FDF3ED · #CAE4D4 · #5D8FBC · #1A725B · #5B3C53

Pine and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Celadon Mist (#CAE4D4): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#5D8FBC): A luminous, balanced blue — the color of open sky before noon.
• Pine (#1A725B): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#5B3C53): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Hushed Forest color palette (#FCF3F1, #CEE3CC, #5494A9, #3C703E, #255147)
• Cobalt Balcony color palette (#FDF3EA, #A9CFBF, #5677B6, #00605A, #3B335D)
• Softworn Boulevard color palette (#EEF3EF, #C5E1F1, #5F95B3, #006C6C, #152E46)
• Driftwood Station color palette (#EEFAE5, #5DB29B, #B070A8, #007761, #583354)
• Tempered Lagoon color palette (#F6E1D9, #448D94, #00425B, #002411, #000720)
• Timeworn Workshop color palette (#FBF2F8, #D3E1F9, #81C4FF, #5FA990, #3B4761)
• Antique Driftwood color palette (#F2F8E3, #C2EAE0, #B4CAF3, #7D8656, #40533B)
• Lagoon Hollow color palette (#F1EFB8, #8AB172, #40915A, #00675B, #1D4965)

Browse the whole catalog at Explore, or see today's palette.