Cypress Pier color palette — #FDF1F8 · #C6866B · #1B826D · #604679 · #443D5B

Built around Teal, softened by Caramel — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Caramel (#C6866B): A luminous, balanced orange — the color of toasted spice.
• Teal (#1B826D): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#604679): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#443D5B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, 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

• Softworn Petrol Grove color palette (#EFF8F1, #AD9556, #007E93, #704260, #4F3A4F)
• Tempered Field color palette (#F8F3FC, #BD849D, #6A7833, #2B577D, #38415F)
• Ancient Ash color palette (#FFF0F8, #B0CEBA, #779E96, #6F718B, #545066)
• Weathered Taupe Quarry color palette (#F7F1E6, #AF9B52, #4F7F51, #005859, #382110)
• Antique Periwinkle color palette (#FAF3F6, #D9DEEE, #7A9AD1, #307B81, #4B5265)
• Faded Aubergine Quarry color palette (#FFF1F6, #B36900, #006768, #6A006C, #5A0438)
• Muted Sand Coast color palette (#FCF4EA, #E8BF87, #76BA99, #678AAD, #58354F)
• Hushed Field color palette (#ECF9EE, #DCD7C9, #EFBB62, #769E6C, #2F493B)

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