Cypress Pier color palette — #EDF8F2 · #9BBA95 · #3F8171 · #405D74 · #294945

Built around Teal, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDF8F2): bright and airy, almost weightless.
• Sage (#9BBA95): A luminous, dusty green — the color of new leaves after rain.
• Teal (#3F8171): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#405D74): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#294945): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Driftwood Loft color palette (#FCF2F6, #ADC9B7, #648A81, #66627C, #405247)
• Cypress Study color palette (#E9FAF1, #83A583, #007364, #55435D, #0F3E3A)
• Softworn Cerulean color palette (#F1F5FF, #E3D8E1, #F7BDB3, #45839F, #45475D)
• Softworn Teal color palette (#F8F5EC, #D5D9AF, #62C0A7, #739A8B, #444600)
• Patina Atelier color palette (#F1F5FF, #939AD5, #8C903A, #575AAE, #444610)
• Aged Pine color palette (#D2EEE3, #337C4F, #00413D, #002341, #001507)
• Antique Amber Ridge color palette (#FCE3EF, #AF8D22, #4C6400, #4D3669, #3A2C00)
• Timeworn Field color palette (#F3F4FF, #907BBD, #837E37, #457030, #323552)

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