Cocoa Coast color palette — #F7DCE7 · #713E00 · #263000 · #001639 · #110500

Built around Bronze, softened by Midnight — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F7DCE7): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#713E00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#263000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Midnight (#001639): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#110500): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Twilit Cocoa Delta color palette (#FFE8DC, #852E00, #00352E, #001933, #040002)
• Shadow Onyx color palette (#D9EEE0, #5D4C00, #00381F, #230053, #0B0700)
• Rust Summit color palette (#F6DFE3, #C05F3A, #654400, #282800, #001B04)
• Velvet Garnet color palette (#F5EAF6, #82002C, #3E2900, #001C22, #160003)
• Cellar Onyx Hollow color palette (#DBEADD, #463200, #0C2800, #0B0032, #030100)
• Aubergine Workshop color palette (#E3F0E2, #A83B44, #493C00, #21006B, #290C00)
• Hushed Cocoa Balcony color palette (#EAE2E6, #AFBDB1, #7B958C, #722C00, #2A1923)
• Aubergine Delta color palette (#E2F8E7, #745900, #005632, #380076, #1E1500)

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