Cocoa Coast color palette — #F8EDDD · #62636C · #664700 · #161C16 · #060600
Built around Bronze, softened by Ink — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#F8EDDD): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Graphite (#62636C): a grounded near-black with real depth.
- Bronze (#664700): A full-bodied, balanced gold — the color of old brass.
- Ink (#161C16): a grounded near-black with real depth.
- Ink (#060600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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
- Moonless Cocoa color palette (#EFDBC8, #723F00, #424B42, #191C14, #090500)
- Softworn Fern Pier color palette (#F9F5EA, #B9B16B, #5D5600, #312A19, #130F07)
- Timeworn Courtyard color palette (#F1F8EA, #45B590, #374D36, #18220C, #050602)
- Weathered Bronze Alley color palette (#F3EAD8, #9E8600, #535500, #242B00, #010500)
- Forest Terrace color palette (#DCE5C9, #007244, #293137, #001713, #000201)
- Dusty Moss Coast color palette (#F9F6DE, #7DA100, #144722, #191600, #020100)
- Antique Fern color palette (#FEE4C9, #9E915B, #4A6E33, #003A64, #05001E)
- Soft Garnet color palette (#E7EDD9, #5B7100, #005E8F, #7D003C, #010100)
Browse the whole catalog at Explore, or see today's palette.