Cypress Pier color palette — #E3F3EF · #477852 · #004230 · #172800 · #001505
Olive takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E3F3EF): a clean, paper-quiet neutral.
- Olive (#477852): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004230): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Forest (#172800): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#001505): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, 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
- Velvet Fern color palette (#E1F0E6, #5D6223, #1C3200, #001C11, #060600)
- Cypress Alley color palette (#C5EEE4, #008381, #004A51, #002933, #071121)
- Aged Emerald color palette (#F2EEE0, #459856, #006056, #3A3B00, #0E1100)
- Sunlit Garnet color palette (#CFF0FF, #006B7A, #8F1000, #00333B, #250100)
- Hushed Delta color palette (#DAEDF3, #005668, #71005D, #393000, #00090D)
- Antique Cypress color palette (#ECF8F5, #73A6A1, #017552, #005657, #113D3A)
- Wandering Thicket color palette (#D1E7ED, #73B1D8, #6B7DC7, #004B4D, #001E2A)
- Weathered Lagoon Lantern color palette (#EFF8F0, #AFC7BA, #5E8C7D, #3D706E, #3F5248)
Browse the whole catalog at Explore, or see today's palette.