Cypress Pier color palette — #FEF1F5 · #DABFEF · #C38A78 · #007A7D · #432D53

Teal and Caramel set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FEF1F5): bright and airy, almost weightless.
• Lavender (#DABFEF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Caramel (#C38A78): A luminous, dusty orange — the color of autumn markets.
• Teal (#007A7D): A full-bodied, balanced teal — the color of glacier melt.
• Royal Purple (#432D53): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged 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

• Pine Studio color palette (#FAF2FA, #B0CDFC, #BF869F, #397B48, #23385B)
• Weathered Petrol color palette (#FFF1F6, #D1C2F7, #AB995D, #4C6AA3, #4E2C3C)
• Marigold Studio color palette (#FAF2FD, #F5B0C7, #C9A454, #4E9780, #2E445F)
• Cypress Quarry color palette (#FFF1F3, #E5BBE8, #7DA67E, #167C6A, #2A3F22)
• Patina Alley color palette (#FEEDEB, #CE829C, #83703C, #1E574E, #371C32)
• Muted Garden color palette (#FEF2EF, #FDB6BA, #AA9865, #806818, #003F53)
• Tempered Driftwood Workshop color palette (#FFF0FB, #E7D9D2, #C9C0AB, #938193, #5B4857)
• Washed Bronze color palette (#FFF1F1, #F3D4C5, #F4A28C, #AE7232, #4C4841)

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