Cocoa Coast color palette — #F8EAF3 · #C48F56 · #6F2914 · #33152B · #1B090C

Rust and Mustard set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#F8EAF3): bright and airy, almost weightless.
• Mustard (#C48F56): A luminous, balanced gold — the color of honey in a jar.
• Rust (#6F2914): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Indigo (#33152B): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#1B090C): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, 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

• Tempered Garnet Meadow color palette (#F2E4F0, #A7A368, #752A28, #3D0004, #0C010B)
• Tempered Cocoa Cabin color palette (#FFF1F7, #CBA879, #764218, #432132, #261818)
• Hushed Amber Grove color palette (#F8ECE5, #F6BB7C, #C36C53, #7B4636, #221108)
• Tempered Amber color palette (#D2EDD2, #BC8800, #513400, #271700, #0A0900)
• Bronze Alley color palette (#F8E9F1, #A56D1B, #263322, #431800, #150400)
• Rust Balcony color palette (#FCE8F4, #B14F22, #586924, #5C2D6C, #381B2E)
• Hushed Chestnut Terrace color palette (#EFF8F0, #A8CAAF, #6F5B31, #263F2C, #1D2826)
• Bronze Study color palette (#D7F8E2, #A2812D, #605E00, #004B41, #3A2F03)

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