Twilit Cocoa color palette — #FDDEEB · #723C00 · #004829 · #311600 · #000201
A conversation between Bronze and Forest, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#FDDEEB): A whisper-light, dusty rose — the color of strawberry cream.
- Bronze (#723C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Forest (#004829): A deep, shadowed, balanced teal — the color of sea glass.
- Onyx (#311600): A deep, shadowed, dusty gold — the color of honey in a jar.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Twilit Cocoa 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
- Charred Garnet color palette (#F5D9EF, #92030C, #304300, #410102, #010100)
- Lowlit Chestnut Studio color palette (#FFE5F0, #764500, #421F00, #1D0700, #000200)
- Cocoa Parlor color palette (#FAE0CC, #7E3C00, #00406F, #361600, #000611)
- Midnight Boulevard color palette (#CAE7D6, #584C00, #710034, #241E00, #040001)
- Aged Bronze color palette (#FFE3EE, #9E5500, #005B82, #432100, #000103)
- Deep Fern color palette (#D5EAF4, #006F5A, #535700, #060B06, #000201)
- Amber Field color palette (#D7EFD5, #AD8400, #6D6500, #412200, #000401)
- Soft Mulberry Hollow color palette (#D5ECDD, #7F6900, #A00058, #423500, #160008)
Browse the whole catalog at Explore, or see today's palette.