Cypress Pier color palette — #E2F7F5 · #73ABAF · #00746D · #5A4217 · #002124
A conversation between Teal and Cocoa, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#E2F7F5): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#73ABAF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00746D): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#5A4217): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Midnight (#002124): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Optimism, 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
- Pine Studio color palette (#E8F6EE, #99A776, #47713B, #653830, #00221A)
- Hushed Petrol Lagoon color palette (#F5F7E8, #6FA899, #006F7E, #673D46, #2C3A23)
- Gentle Forest color palette (#CAEEE2, #6EA56B, #006D47, #354500, #011C02)
- Antique Harbor color palette (#C9FFEF, #61BAA4, #007E69, #003A2C, #000F0B)
- Lagoon Lantern color palette (#E9F5F2, #A5CCCA, #598D91, #3E6B63, #1B3736)
- Weathered Pine Hollow color palette (#D8FAFB, #C0DAF2, #7CBDD3, #488046, #012B32)
- Dusty Drift color palette (#D6EFEF, #4EA57A, #AB5B99, #006641, #31082A)
- Frosted Drift color palette (#D5E8E9, #00926C, #6B5FB8, #933E00, #00181A)
Browse the whole catalog at Explore, or see today's palette.