Cypress Pier color palette — #F8F0EC · #C9E4DC · #68A7B8 · #45785B · #203D33
Built around Teal, softened by Blue Fog — the whole palette hums with nature and growth.
The five colors
- Cream (#F8F0EC): a clean, paper-quiet neutral.
- Silver (#C9E4DC): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#68A7B8): A luminous, dusty blue — the color of open sky before noon.
- Teal (#45785B): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#203D33): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, 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 Cypress color palette (#F5F6EF, #CAE4DC, #81A386, #00816F, #38513F)
- Tempered Cypress Boulevard color palette (#F7F0EB, #C4E8EA, #AF91AE, #2B787B, #462D3D)
- Muted Lagoon color palette (#F8E9E3, #3A858D, #004257, #002016, #000104)
- Driftwood Dune color palette (#FAEDF9, #E8D2D2, #B0B29A, #6C9884, #4B3744)
- Muted Harbor color palette (#FEEBFC, #809CD0, #AC864E, #8A773E, #312130)
- Muted Taupe Orchard color palette (#FBEDF9, #99B4E3, #BE935E, #5572A3, #35302A)
- Aged Study color palette (#F4E6DD, #87BCD3, #1E6EB1, #004B49, #0A1039)
- Antique Denim color palette (#F3E8DD, #77A0CA, #405199, #003841, #0E0029)
Browse the whole catalog at Explore, or see today's palette.