Cypress Pier color palette — #EDF8F2 · #8DBAB0 · #517F64 · #3B606D · #274A43

Fern takes the lead with Ash close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EDF8F2): bright and airy, almost weightless.
• Ash (#8DBAB0): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#517F64): A full-bodied, dusty teal — the color of glacier melt.
• Peacock (#3B606D): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#274A43): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Worn Lagoon color palette (#EDF8F5, #A3CEC9, #669E7A, #477C81, #2A4946)
• Dusty Pine Dune color palette (#F2F3E9, #B2B795, #49845F, #495C39, #262A0C)
• Cypress Villa color palette (#E8FBF1, #71A79D, #2F7153, #554165, #1B3C36)
• Teal Orchard color palette (#F9F5EB, #D8D8B1, #7BBD95, #7B9980, #484500)
• Shell Field color palette (#EFF6FF, #DFD6E4, #EDB4D0, #5489AA, #434861)
• Pine Alley color palette (#E0F5ED, #4B8B55, #005141, #3E2143, #012208)
• Muted Ultramarine color palette (#F0F5FF, #8C9CD8, #A98336, #4B5DB2, #543F12)
• Worn Chapel color palette (#D3ECDC, #7C9753, #036634, #43355A, #212E08)

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