Cypress Pier color palette — #DDF7E1 · #007355 · #004340 · #002226 · #00070C
Built around Pine, softened by Forest — the whole palette hums with sophistication.
The five colors
- Honeydew (#DDF7E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#007355): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004340): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#002226): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00070C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Sophistication. Tagged 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
- Wandering Lagoon color palette (#CEF0E5, #009382, #005A55, #002727, #000606)
- Garnet Alley color palette (#D4F6FF, #006965, #8D0112, #00312F, #0B0000)
- Petrol Garden color palette (#D2F8F9, #00697A, #003C54, #001838, #03001C)
- Fern Drift color palette (#E9E6CA, #546800, #054208, #002110, #000403)
- Soft Indigo color palette (#DCF5FB, #37ACD9, #6E6ED3, #004F2F, #000709)
- Smoked Workshop color palette (#C2EAE5, #005550, #750039, #4A2200, #000201)
- Dusty Brick Terrace color palette (#FFE9CE, #CC1800, #006D84, #060D14, #000103)
- Pale Boulevard color palette (#D1E5E9, #008DAF, #006196, #002D72, #110E39)
Browse the whole catalog at Explore, or see today's palette.