Cypress Pier color palette — #ECF9F2 · #91B9B3 · #408173 · #396450 · #214B46
Teal and Pine set the tone — five colors that lean into calm and sophistication.
The five colors
- Ivory (#ECF9F2): bright and airy, almost weightless.
- Ash (#91B9B3): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#408173): A full-bodied, dusty teal — the color of glacier melt.
- Pine (#396450): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#214B46): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, 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
- Timeworn Pier color palette (#EDF8F4, #ADCFAA, #51A27B, #4C7D6F, #2D4845)
- Ancient Petrol Summit color palette (#EBF7FF, #71C1D2, #0081A0, #004F5C, #00363F)
- Pine Cabin color palette (#EDF9ED, #A4A86C, #367A3F, #005C65, #3C3E00)
- Worn Pine Basin color palette (#F4F2E6, #B2B88E, #328761, #605600, #272915)
- Ember Balcony color palette (#E9F8FE, #4FB0BA, #C96965, #00737D, #65302E)
- Antique Quarry color palette (#E7F9FF, #D8DAE7, #D5C0FB, #58865D, #385360)
- Fern Study color palette (#D3F3EB, #52A485, #00676C, #334C00, #003727)
- Tempered Pine Archive color palette (#F9F3F8, #C1E3EE, #4795B5, #267342, #30496A)
Browse the whole catalog at Explore, or see today's palette.