Cypress Pier color palette — #D2EAF2 · #007174 · #002844 · #00171E · #000509

A conversation between Teal and Midnight, giving this palette its sense of trust and stability.

The five colors

• Frost (#D2EAF2): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007174): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002844): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00171E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000509): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. 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

• Nocturne Pine Lagoon color palette (#D5ECEA, #007734, #002C2E, #001817, #000606)
• Tempered Lagoon color palette (#CCEAF5, #009299, #1C445B, #12252B, #050F11)
• Deep Onyx color palette (#DAEFFF, #006092, #210653, #000F1B, #000206)
• Teal Villa color palette (#D4E5D6, #00B0B7, #4A695E, #2F4232, #0A0F06)
• Bronze Field color palette (#C6EBFF, #0087A5, #866800, #4F5C12, #0E2F3F)
• Charred Lapis color palette (#D5E0F8, #4B48ED, #3D1A42, #0C1730, #050713)
• Olive Quarry color palette (#FDF1F7, #AD9A5D, #4F6F00, #24525C, #1F3D2B)
• Worn Cobalt Terrace color palette (#FBF2F6, #A9CAE0, #4678C3, #006156, #303957)

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