Cocoa Coast color palette — #F3D6E7 · #93692E · #652500 · #2A000A · #010100

Built around Rust, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#F3D6E7): A whisper-light, dusty pink — the color of a candy shop window.
• Walnut (#93692E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#652500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#2A000A): A deep, shadowed, dusty red — the color of embers at dusk.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, 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

• Eclipse Corridor color palette (#E0EEE2, #747739, #4E3700, #230A00, #000200)
• Chestnut Dune color palette (#F9E2D3, #7A4F00, #4C1900, #28000A, #050300)
• Twilit Rust Loft color palette (#F7E0E6, #C1451A, #5A3700, #110F00, #000200)
• Misty Summit color palette (#FEE8DA, #AB723D, #9A4100, #7B0403, #060300)
• Chestnut Field color palette (#D5EDD7, #9F9D61, #7E5700, #561D00, #010500)
• Bronze Canyon color palette (#FFF0F7, #D1AD66, #A3653A, #6B3233, #131400)
• Deep Atelier color palette (#E6DDED, #538C19, #38001F, #1C080A, #040001)
• Shadow Archive color palette (#ECE0E9, #94030C, #004642, #001D1B, #050000)

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