Cypress Pier color palette — #F1F0DD · #008566 · #004C74 · #430C01 · #170200
Built around Fern, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#F1F0DD): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#008566): A full-bodied, balanced teal — the color of sea glass.
- Navy (#004C74): A deep, shadowed, balanced blue — the color of open sky before noon.
- Espresso (#430C01): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#170200): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Trust, Stability, Balance. Tagged vintage, retro, 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
- Hushed Navy Coast color palette (#D4E3D1, #007983, #363E7B, #381E00, #110600)
- Patina Olive Chapel color palette (#F0DEC4, #527A3F, #004946, #460317, #190004)
- Ancient Lagoon color palette (#DCE4D7, #0B9582, #2A6180, #603025, #3E0700)
- Dusty Pine color palette (#EDE8D9, #297A3C, #004038, #202000, #000401)
- Lagoon Grove color palette (#C5E9D4, #00A19C, #006B8A, #411B36, #1A0004)
- Softworn Market color palette (#C3ECE3, #008486, #00505C, #22244A, #2E002D)
- Wandering Alley color palette (#F1DDD5, #2F9AA4, #00506E, #002E17, #000315)
- Worn Garnet color palette (#DFF1F6, #006678, #8D001C, #003039, #0B0000)
Browse the whole catalog at Explore, or see today's palette.