Cypress Pier color palette — #F1F7F2 · #D6DEF0 · #6F9FC2 · #2D7C80 · #435468

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 (#D6DEF0): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#6F9FC2): A luminous, dusty blue — the color of open sky before noon.
• Teal (#2D7C80): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#435468): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, 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 Ash color palette (#F7EFF4, #D6D1E7, #7E9FC6, #40776A, #2E3549)
• Denim Ridge color palette (#D7E3D9, #60AAC1, #005F85, #003E3E, #00203E)
• Aged Powder Bloom color palette (#FBF3EE, #C4F1F0, #90B5DF, #788E6B, #5F4C58)
• Wandering Turquoise Pier color palette (#FFF0F8, #D7A287, #2FA7CC, #A35E38, #345162)
• Washed Alley color palette (#DDE6DF, #4688AE, #003D70, #002127, #010428)
• Softworn Archive color palette (#EFF8F0, #A3CCDE, #0085A7, #006158, #1E3E56)
• Worn Powder color palette (#F4F6EF, #C8E7E6, #9CCEEC, #85AD92, #2E5348)
• Wandering Lagoon color palette (#FFF1F7, #C08A65, #00A087, #7A6CA2, #4E3D44)

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