Cypress Pier color palette — #FAF4F0 · #CCE6E4 · #6E9FC4 · #0D8074 · #604A5E

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 (#FAF4F0): bright and airy, almost weightless.
• Silver (#CCE6E4): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#6E9FC4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#0D8074): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#604A5E): A full-bodied, dusty pink — the color of peonies in June.

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

• Softworn Market color palette (#FAF4F0, #CCE7E0, #78A58E, #397E63, #335149)
• Muted Lagoon color palette (#EDF8F3, #83B9D1, #CD8273, #007EA4, #534B48)
• Lagoon Workshop color palette (#ECF9F3, #EAD3D0, #D7B59A, #51A09E, #37534A)
• Softworn Denim color palette (#F3E6E0, #66ABBA, #005E86, #003F35, #001D48)
• Muted Denim Workshop color palette (#E0FDF3, #9FCFC0, #488DAE, #00557C, #0F3B56)
• Navy Drift color palette (#F7EAE0, #4C89A6, #003C72, #002222, #04002D)
• Washed Cabin color palette (#E5FBF3, #6D9EC0, #B7766C, #9F692D, #2E4940)
• Abyss Station color palette (#F5ECE8, #9CBB9B, #007588, #00532F, #00324A)

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