Cypress Pier color palette — #F1F7F2 · #CFE0EF · #66A5AD · #447B65 · #3D5664

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#CFE0EF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#66A5AD): A luminous, dusty blue — the color of deep harbor water.
• Teal (#447B65): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#3D5664): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Tempered Powder Delta color palette (#E7FAF6, #C7E4F4, #ABCAE9, #678E7F, #3B5251)
• Pine Workshop color palette (#F4F0F5, #D0D3E8, #6BA6BB, #427A48, #27384A)
• Worn Study color palette (#E2F0E5, #509CA8, #005267, #00302B, #001624)
• Antique Olive Station color palette (#E5FBF6, #9ABB89, #B187BA, #5B7E48, #4E476A)
• Worn Balcony color palette (#EEF8F0, #98DBE9, #008CB5, #006761, #04446A)
• Weathered Boulevard color palette (#E7F2E9, #90B7CF, #006FA3, #004F52, #0C2E54)
• Lagoon Summit color palette (#D7FFFA, #A9D1B1, #5F9169, #305B38, #1D4329)
• Washed Lagoon color palette (#DEFDF8, #79A574, #6B89C1, #9A6765, #2C4945)

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