Twilit Cocoa color palette — #F9EBD7 · #5D4500 · #00341F · #001B1E · #000906
Bronze and Deep Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9EBD7): A whisper-light, dusty gold — the color of honey in a jar.
- Bronze (#5D4500): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#00341F): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001B1E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000906): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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
- Bronze Boulevard color palette (#FFE9DD, #BB6400, #653D00, #352300, #1B1300)
- Lowlit Fern Station color palette (#ECECD5, #295100, #003238, #001B33, #19000C)
- Twilit Denim color palette (#F6E2D4, #005089, #1E3200, #00241A, #000A04)
- Deep Aubergine color palette (#EBD9E4, #4A14B2, #003726, #002025, #000512)
- Nocturne Study color palette (#FFDFD7, #84001C, #003439, #001F22, #010009)
- Powdered Rust color palette (#F3E0EA, #B33E00, #005D24, #003C3D, #0A0012)
- Midnight Meadow color palette (#FFE8EA, #7E0079, #00353D, #001B3A, #080017)
- Softworn Garnet color palette (#F3ECE8, #C6B5A9, #A7876A, #782500, #2A1B12)
Browse the whole catalog at Explore, or see today's palette.