Cypress Grove color palette — #F0F7F2 · #CCDEDC · #9CBCAD · #00717C · #343D36

Built around Teal, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#CCDEDC): a clean, paper-quiet neutral.
• Ash (#9CBCAD): A luminous, dusty teal — the color of sea glass.
• Teal (#00717C): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#343D36): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Dusty Thicket color palette (#EDF7FA, #D4D9E5, #BCBCD0, #438E8F, #313D40)
• Weathered Petrol color palette (#F8F3F8, #E5D4D8, #C4AABC, #33669F, #413741)
• Worn Cypress color palette (#EDF4ED, #CADAD9, #C0B1C1, #2A7172, #1B231B)
• Abyss Terrace color palette (#DBE5DF, #AABFB4, #6A9A89, #004D5C, #102419)
• Softworn Cerulean color palette (#F9F3F8, #E1D7D9, #B4ACA0, #6B83AA, #575056)
• Pine Villa color palette (#F7F6E5, #80A875, #2A743C, #494C45, #35362F)
• Ancient Hollow color palette (#D9E3DF, #9AAFA9, #8E768D, #003C59, #041812)
• Twilit Petrol Boulevard color palette (#D1E6DD, #006C91, #002844, #001910, #000606)

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