Cypress Pier color palette — #F8F6E8 · #BAB8E9 · #B1829C · #238069 · #5B3E48

Built around Teal, softened by Dusty Rose — the whole palette hums with sophistication.

The five colors

• Ivory (#F8F6E8): bright and airy, almost weightless.
• Lavender (#BAB8E9): A luminous, dusty violet — the color of wild irises.
• Dusty Rose (#B1829C): A luminous, dusty pink — the color of a candy shop window.
• Teal (#238069): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5B3E48): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Sophistication. Tagged retro, 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 Summit color palette (#FCF5E3, #DAAED0, #BF8073, #167B95, #59413E)
• Wandering Olive Market color palette (#F5F7E5, #98C5E0, #9588C1, #657738, #524251)
• Aged Taupe color palette (#E2FCF4, #DDD7FF, #CA8CA9, #4B7E6F, #3E3D4E)
• Washed Driftwood color palette (#FFF0FB, #E6C9D0, #BFA7A4, #748F4F, #42574C)
• Tempered Corridor color palette (#FFF0F9, #C993C1, #A45D7C, #784F25, #4B4357)
• Wisteria Cabin color palette (#FFF5D3, #C28AF4, #C45071, #006968, #4D224B)
• Ancient Ash Corridor color palette (#FDEDEF, #BF84B8, #6B514C, #483134, #271F22)
• Fern Dune color palette (#F6F5EF, #CDD5B8, #6BAA9C, #9B7077, #475408)

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