Cocoa Coast color palette — #FFF0F7 · #AA97E7 · #A25B85 · #7C2C17 · #001C36

A conversation between Rust and Wisteria, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Wisteria (#AA97E7): A luminous, balanced violet — the color of a velvet chair.
• Mocha (#A25B85): A full-bodied, balanced pink — the color of a candy shop window.
• Rust (#7C2C17): A full-bodied, balanced orange — the color of sun-warmed clay.
• Midnight (#001C36): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Timeworn Wisteria color palette (#FFF1F3, #D385D4, #B85059, #693F00, #161242)
• Washed Mallow color palette (#FFF1F4, #D7A5E9, #BD707C, #854C04, #23264E)
• Periwinkle Harbor color palette (#E0FCF5, #56ABFD, #8362B5, #742C50, #002024)
• Periwinkle Summit color palette (#FFF0FE, #7BA6F0, #8C62A3, #005840, #001F28)
• Softworn Mulberry Lantern color palette (#F0F0FF, #8B5EB6, #902351, #5C2A00, #1B2753)
• Worn Peony Workshop color palette (#FBF1FF, #F2ABF5, #C76FBC, #853B6F, #41162F)
• Hushed Orchid Lagoon color palette (#FFF1F6, #A368DE, #4A2A32, #1C0810, #030001)
• Raspberry Terrace color palette (#FFEDEF, #B04BAC, #930029, #371E00, #01000E)

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