Cocoa Coast color palette — #FCEAF2 · #A77030 · #813C00 · #5C0F00 · #120A00
A conversation between Bronze and Espresso, giving this palette its sense of optimism and warmth.
The five colors
- Blush (#FCEAF2): A whisper-light, dusty rose — the color of strawberry cream.
- Ochre (#A77030): A full-bodied, balanced gold — the color of honey in a jar.
- Bronze (#813C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#5C0F00): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#120A00): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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
- Timeworn Bronze Meadow color palette (#F2E4C9, #8B7E38, #6A4D00, #472800, #0B0D00)
- Aged Amber Workshop color palette (#F0DDCF, #B5762A, #7A3800, #430800, #020100)
- Dusty Chestnut Summit color palette (#F3D8E5, #836021, #5B2700, #3C000C, #0D0C00)
- Feathered Field color palette (#FFE7D5, #B2873D, #AC4F00, #832734, #0D0C00)
- Misty Boulevard color palette (#FFD5B0, #D5981F, #AC6300, #883500, #332800)
- Wandering Mulberry color palette (#F6E0F1, #C04C84, #A2003F, #5B0300, #1B0600)
- Olive Thicket color palette (#D8EEE3, #95A866, #7A7500, #604A00, #152A0B)
- Patina Bronze Courtyard color palette (#FBDEEE, #CCA0B0, #AD6F4F, #804A41, #1E3721)
Browse the whole catalog at Explore, or see today's palette.