Cocoa Coast color palette — #F1DACA · #622A00 · #102400 · #000B10 · #03000A

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

The five colors

• Bone (#F1DACA): A whisper-light, dusty gold — the color of honey in a jar.
• Rust (#622A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#102400): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000B10): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#03000A): A deep, shadowed, dusty violet — the color of wild irises.

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

• Onyx Thicket color palette (#F5EBDD, #503800, #00251D, #03002E, #060001)
• Twilit Garnet color palette (#FDD5CF, #730037, #261D00, #000C0A, #01000F)
• Shadow Field color palette (#FFECDC, #7B5400, #3B2F00, #191700, #000802)
• Softworn Chestnut color palette (#F4E0D4, #7A5917, #373E05, #002335, #060B28)
• Washed Alley color palette (#FCEADB, #DA3D4B, #8B4400, #483B00, #060200)
• Aged Lantern color palette (#E8DFD2, #3E8C9E, #00425A, #002221, #000A17)
• Shadow Mulberry color palette (#EFE5F9, #9B0070, #00442A, #260046, #03000A)
• Gentle Rust color palette (#EDDDE5, #B25200, #2A6600, #003D4E, #040008)

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