Cocoa Coast color palette — #F2D9E8 · #812D00 · #1A4700 · #380F00 · #000200

Rust and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F2D9E8): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#812D00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#1A4700): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#380F00): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Weathered Workshop color palette (#F6E7DF, #8B2E00, #004847, #3C0F00, #000807)
• Eclipse Onyx color palette (#FFE3D5, #622700, #313400, #420032, #030100)
• Mulberry Archive color palette (#F4EBFC, #8A0058, #4C3800, #3C0024, #020100)
• Charred Aubergine color palette (#F6D9E6, #763900, #5E0071, #331500, #030004)
• Chalky Mulberry color palette (#E4DFCD, #6D5900, #87004A, #332900, #0A0003)
• Pale Veranda color palette (#F7DEEF, #B83813, #006068, #521000, #000102)
• Bronze Loft color palette (#DDEBDE, #8C6200, #006756, #493100, #000B07)
• Chalky Bronze Market color palette (#FADEEA, #BC6500, #008048, #6B3700, #001709)

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