Cypress Pier color palette — #D8E2D2 · #7BA87D · #327D60 · #17536B · #002744
Built around Teal, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Bone (#D8E2D2): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#7BA87D): A luminous, dusty green — the color of new leaves after rain.
- Teal (#327D60): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#17536B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002744): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged vintage, retro, 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
- Cypress Courtyard color palette (#CBEEB9, #88B591, #008268, #004563, #271029)
- Wandering Olive Drift color palette (#F8E9CE, #A19663, #6B722C, #165A4F, #003234)
- Muted Chapel color palette (#C3EBE0, #36A39E, #007E8C, #444D72, #312452)
- Hushed Lantern color palette (#D3E9E5, #80BDC7, #00829B, #005959, #002330)
- Patina Jade Study color palette (#D1EAE7, #52A67A, #007256, #494802, #002111)
- Timeworn Navy color palette (#DCEEEC, #268A95, #15607C, #33295E, #1D042B)
- Weathered Cobalt color palette (#D2F3F1, #00A058, #0075D5, #006434, #001B38)
- Airy Lagoon Garden color palette (#E2F5EA, #66BFAB, #109FA5, #436193, #343767)
Browse the whole catalog at Explore, or see today's palette.