Cocoa Coast color palette — #FEF3ED · #CBDECC · #B57164 · #6E3312 · #231813

Rust and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FEF3ED): bright and airy, almost weightless.
• Celadon Mist (#CBDECC): A whisper-light, dusty green — the color of fresh herbs.
• Caramel (#B57164): A luminous, balanced orange — the color of autumn markets.
• Rust (#6E3312): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#231813): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Tempered Study color palette (#FDF2EF, #DAE6A7, #C98B90, #83655C, #352824)
• Chestnut Lantern color palette (#F7EFF6, #A2CFB7, #83524F, #3E283C, #181117)
• Hushed Bronze Chapel color palette (#FBF5E7, #FFE2A5, #89760B, #3B3831, #150E03)
• Worn Marigold color palette (#FAECD6, #CB9900, #4D3800, #1D2724, #0C0700)
• Mustard Thicket color palette (#FAF4F0, #E2DAD0, #B6B360, #C9876A, #211E14)
• Bronze Veranda color palette (#FFF3E9, #FFD26F, #A45000, #4B2100, #100500)
• Softworn Terrace color palette (#FFF3E7, #DFB453, #754300, #271300, #020100)
• Shadow Harbor color palette (#F7DDCD, #9A7300, #340D00, #0F0B04, #030000)

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