Cypress Coast color palette — #F7F3FD · #AE7F9B · #A47156 · #007055 · #41394A

Pine takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#F7F3FD): a clean, paper-quiet neutral.
• Dusty Rose (#AE7F9B): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#A47156): A full-bodied, dusty orange — the color of sun-warmed clay.
• Pine (#007055): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#41394A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Cypress Coast 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

• Bronze Pier color palette (#F5F4FE, #AA8BB3, #9A5F4B, #005E70, #433D5E)
• Dusty Garden color palette (#F3F4FF, #9786B6, #9D6E87, #66621C, #3A3B4E)
• Hushed Driftwood color palette (#FAEEF1, #A685BC, #8E853A, #246D53, #2C1E22)
• Ancient Denim Orchard color palette (#F7F3FE, #AF7EA1, #668A5D, #35638B, #41394D)
• Driftwood Meadow color palette (#F6F4FA, #E0D8DB, #B2ABA0, #9D7196, #54515B)
• Ancient Coast color palette (#F4F4FF, #BC9CD3, #A89D4F, #4E8969, #3C3B4C)
• Aged Terracotta Hollow color palette (#F2F4FF, #D6B0D0, #AD687D, #90432C, #664300)
• Airy Lagoon color palette (#F7F3FF, #B63F9B, #796500, #005556, #411C38)

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