Cypress Pier color palette — #DFEDE9 · #91BBC7 · #007A81 · #004C42 · #001A1F

A conversation between Teal and Forest, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#DFEDE9): bright and airy, almost weightless.
• Ash (#91BBC7): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007A81): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001A1F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Cypress Pier 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

• Cerulean Grove color palette (#E8F5F3, #AECDD9, #008BA0, #005B59, #002530)
• Petrol Archive color palette (#DFECEB, #96B7D5, #2D6DAF, #004760, #001339)
• Timeworn Denim color palette (#D7E9E6, #62A8BA, #00627C, #00393D, #000D15)
• Cerulean Harbor color palette (#D6EBE7, #45838F, #004352, #001F20, #000103)
• Softworn Ridge color palette (#DAECDE, #928659, #6B5100, #432C00, #110F00)
• Hazy Garnet Cabin color palette (#F3E7F2, #BD5E5C, #617500, #880018, #0F1500)
• Aubergine Corridor color palette (#F8E6F7, #BA2F45, #795800, #6F009C, #1E0003)
• Gentle Workshop color palette (#FBE2F4, #F4BFA6, #D9934D, #9F2838, #2D0700)

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