Cocoa Coast color palette — #F2D5E5 · #722A00 · #003569 · #001C3D · #0D0200

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

The five colors

• Shell Pink (#F2D5E5): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#722A00): A deep, shadowed, balanced orange — the color of autumn markets.
• Navy (#003569): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001C3D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0D0200): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Depth, Luxury. Tagged dark, muted.

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

• Garnet Corridor color palette (#FFE8EC, #800037, #003C50, #00202D, #100003)
• Navy Workshop color palette (#DEEDDE, #644200, #00275C, #1F0034, #0E000A)
• Deep Nightshade Grove color palette (#D3E8D7, #564000, #231196, #11025D, #070400)
• Nocturne Onyx Atelier color palette (#F5DAC7, #784E00, #003B15, #1F0046, #0E0B00)
• Rust Orchard color palette (#F0DEE9, #B13B00, #003C34, #471200, #000202)
• Nocturne Onyx Parlor color palette (#FFECDE, #6B3100, #154200, #330033, #030100)
• Dusty Denim color palette (#FFDEC0, #955700, #0057A9, #003B77, #311900)
• Patina Basalt Dune color palette (#E4EFE4, #94B1A5, #608886, #4C3200, #0C170D)

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