Cypress Pier color palette — #DFEDEF · #B0C9D3 · #85AAC1 · #007067 · #092328

Teal and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Frost (#DFEDEF): a clean, paper-quiet neutral.
• Oat (#B0C9D3): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#85AAC1): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007067): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#092328): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Washed Lagoon Bloom color palette (#E7ECE5, #B1C5C2, #8DADB0, #009584, #182313)
• Hushed Abyss Dune color palette (#E7F2F4, #A1BECC, #7C90A7, #005143, #112225)
• Timeworn Cypress color palette (#F0F8EF, #C7E0DA, #A5C4AE, #006F69, #051004)
• Dusty Alley color palette (#EAF8FF, #D1E0ED, #A1C0ED, #00859F, #193745)
• Antique Meadow color palette (#D6E0E8, #9BA6B4, #7B86A0, #004A70, #020A13)
• Garnet Orchard color palette (#CDE7D2, #009390, #006083, #6B0032, #001A1E)
• Petrol Boulevard color palette (#DDF5F5, #5EA1C1, #4C689F, #753C3E, #481F00)
• Washed Grape color palette (#CBE4EC, #008589, #4E1BCF, #630027, #181100)

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