Patina Cocoa Harbor color palette — #F4F4FF · #CFADE6 · #AA7597 · #824A54 · #6F3425

Built around Rust, softened by Lavender — the whole palette hums with creativity and warmth.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Lavender (#CFADE6): A luminous, balanced violet — the color of wild irises.
• Dusty Rose (#AA7597): A luminous, balanced pink — the color of neon signs at night.
• Coffee (#824A54): A full-bodied, dusty red — the color of a theater curtain.
• Rust (#6F3425): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Patina Cocoa Harbor 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

• Misty Blush Delta color palette (#F3F4FF, #EECBF1, #DEA0C8, #C87590, #72282A)
• Washed Hollow color palette (#F1F5FF, #D7C8F8, #BA8BAF, #9F5E65, #753803)
• Powder Dune color palette (#ECF7FF, #9BB6F9, #8278AF, #6F4A75, #673551)
• Lilac Dune color palette (#F8F6E4, #B399D9, #9D6474, #4F5F43, #574145)
• Driftwood Villa color palette (#FCF2F5, #E3D8D3, #AAAEA3, #9A7682, #594F53)
• Linen Blush color palette (#F3DBED, #DD769C, #A84741, #663200, #3C2B00)
• Lilac Lantern color palette (#FFF1F4, #B482C1, #7C713C, #276047, #1F4642)
• Crimson Coast color palette (#E8DAE2, #DC1858, #842900, #3A1E00, #0F1702)

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