Cypress Pier color palette — #F2F2EC · #C7E1DB · #62A9B7 · #287975 · #1C3E2D

Teal and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F2F2EC): a clean, paper-quiet neutral.
• Silver (#C7E1DB): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#62A9B7): A luminous, dusty blue — the color of open sky before noon.
• Teal (#287975): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#1C3E2D): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Washed Petrol color palette (#F1F3EC, #C5E1E2, #76A1C5, #24768D, #422E44)
• Timeworn Terrace color palette (#EEF5E5, #B5DFDC, #98A2B7, #679069, #2D4200)
• Aged Abyss Hollow color palette (#E4E6D7, #4C828E, #004353, #001F21, #000103)
• Teal Courtyard color palette (#FAF3F0, #C3DEE4, #A5C6F1, #5EA288, #35554C)
• Muted Petrol color palette (#E7EBDF, #8EC0AD, #0071AF, #00495B, #001630)
• Bronze Summit color palette (#F0F5E1, #74AC7F, #439BB0, #947329, #262A14)
• Muted Studio color palette (#EDEBCA, #AEC89D, #6D9B64, #1C6834, #3A3C35)
• Dusty Pine color palette (#F1F4E5, #9ABF99, #C68D71, #38853B, #36302B)

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