Cypress Pier color palette — #DBE7DD · #007A57 · #004F43 · #002926 · #001011

Built around Teal, softened by Forest — the whole palette hums with calm and sophistication.

The five colors

• Parchment (#DBE7DD): a clean, paper-quiet neutral.
• Teal (#007A57): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004F43): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Forest (#002926): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001011): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Calm, Sophistication. Tagged 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

• Pine Chapel color palette (#DAE6D7, #008B49, #006957, #003F3F, #000F14)
• Lagoon Balcony color palette (#D5F7F8, #008C8B, #005255, #002325, #000202)
• Gentle Mulberry color palette (#DFF3EF, #007A6E, #A40044, #00423B, #130003)
• Cobalt Corridor color palette (#D8F6FC, #00AFC9, #008DD5, #006040, #001215)
• Olive Archive color palette (#F0EEDA, #6A7500, #3B5400, #023105, #000D04)
• Aubergine Study color palette (#DFF4F2, #006662, #6F079E, #573400, #000202)
• Byzantium Ridge color palette (#F5EED4, #B106F0, #007C94, #060F18, #000204)
• Hazy Navy color palette (#CEECF5, #0081AB, #005C8D, #003173, #08084A)

Browse the whole catalog at Explore, or see today's palette.