Cypress Pier color palette — #E8F4E2 · #006B5C · #39414A · #002423 · #000A08
Built around Pine, softened by Onyx — the whole palette hums with sophistication.
The five colors
- Cream (#E8F4E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#006B5C): A full-bodied, balanced teal — the color of sea glass.
- Charcoal (#39414A): a grounded near-black with real depth.
- Onyx (#002423): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000A08): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Sophistication. Tagged noir, dark, luxury, 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
- Weathered Lagoon Courtyard color palette (#C8EBF0, #008B78, #004140, #001F23, #000A0B)
- Hushed Petrol color palette (#F2F3E6, #6DCCDA, #007F96, #005151, #001E28)
- Quiet Jade Lagoon color palette (#E5E8CB, #59A970, #006D48, #1A4A10, #001C09)
- Dusty Grape Orchard color palette (#D8EDF7, #007DA1, #7506EF, #006240, #001119)
- Petrol Drift color palette (#DDF4EA, #006D97, #002645, #00110A, #000301)
- Patina Cobalt Pier color palette (#ECE0EC, #3F76BD, #41263C, #1D111D, #020806)
- Gentle Byzantium Market color palette (#D9F4E2, #0096AE, #A500E1, #005664, #240035)
- Washed Petrol color palette (#C8E9E8, #32A2BA, #0074A0, #463372, #34163F)
Browse the whole catalog at Explore, or see today's palette.