Cypress Pier color palette — #D4E1E6 · #B3C8D3 · #92A8B9 · #006E71 · #122227

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

The five colors

• Silver (#D4E1E6): bright and airy, almost weightless.
• Oat (#B3C8D3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#92A8B9): A luminous, dusty blue — the color of deep harbor water.
• Teal (#006E71): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#122227): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Worn Abyss color palette (#DDE9ED, #ABBCC8, #838FA2, #004F4E, #05242A)
• Tempered Cypress color palette (#F1F7F2, #C9DFDD, #9BC6B6, #006D70, #070F08)
• Ancient Cobalt color palette (#EEF7FD, #CEE0F4, #ACBEE0, #0082AE, #1C3647)
• Timeworn Petrol Harbor color palette (#CFE2E6, #789DBC, #626A9D, #6A3627, #432600)
• Pine Corridor color palette (#D5F2E4, #829C67, #157431, #025146, #00211B)
• Timeworn Pier color palette (#E6EDF6, #9EA5B2, #818599, #004583, #020A15)
• Washed Lantern color palette (#C4E5FA, #006B89, #3F363A, #082541, #000B14)
• Dusty Garnet color palette (#F1E4C9, #00919D, #005C94, #6D0020, #001A21)

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