Cypress Basin color palette — #F8F2FF · #B59FC0 · #A0715B · #006770 · #385173

A conversation between Peacock and Mocha, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Mauve (#B59FC0): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#A0715B): A full-bodied, dusty orange — the color of autumn markets.
• Peacock (#006770): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#385173): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Forest Bloom color palette (#E4F0FF, #BBAADE, #9D637A, #007045, #075660)
• Tempered Navy color palette (#FFD9E9, #D1988C, #8D753F, #365E84, #464273)
• Chestnut Corridor color palette (#F3E4FC, #9B87A2, #8B5330, #005366, #253755)
• Petrol Balcony color palette (#F7E8FF, #CAB4C2, #71937B, #506783, #5A4761)
• Ancient Amber Lantern color palette (#FFF1F1, #EDA996, #C2895C, #6A753D, #3B5533)
• Softworn Fern color palette (#FFD7D6, #DCA192, #9E6948, #4E5817, #32322B)
• Apricot Atelier color palette (#FFE0FD, #FFBDC1, #D4A068, #4E93AD, #194F62)
• Amber Ridge color palette (#FFF0F9, #DC723F, #008FA0, #983B00, #00434C)

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