Cypress Pier color palette — #F5F1EA · #CBE5C9 · #549AA4 · #0B6F53 · #143325
Pine takes the lead with Storm Blue close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F5F1EA): a clean, paper-quiet neutral.
- Celadon Mist (#CBE5C9): A whisper-light, dusty green — the color of new leaves after rain.
- Storm Blue (#549AA4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Pine (#0B6F53): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#143325): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Muted Cypress color palette (#F6F1E9, #C1E6D3, #6394B5, #006C70, #3A213C)
- Tempered Delta color palette (#F6EEE2, #4398A0, #005263, #002C25, #00050A)
- Tempered Parlor color palette (#F8F1E5, #ADD2B7, #3D86A0, #005C54, #002338)
- Washed Atelier color palette (#BAF0D5, #48B7A1, #00918A, #005D61, #00333D)
- Timeworn Lagoon Parlor color palette (#E0FAE5, #B8E0DF, #D8B8D8, #548C82, #203428)
- Timeworn Pine Basin color palette (#F8F3F9, #C5E2EA, #4995B0, #1E7532, #314A64)
- Powdered Coral color palette (#E7F7E7, #4EB6B7, #C57271, #007374, #421819)
- Powdered Atelier color palette (#E0FAE4, #00A0AB, #9D69A3, #896400, #0A2411)
Browse the whole catalog at Explore, or see today's palette.