Moonless Cocoa color palette — #F4E3C9 · #564000 · #00412F · #002123 · #020100
A conversation between Deep Olive and Forest, giving this palette its sense of optimism and sophistication.
The five colors
- Parchment (#F4E3C9): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Deep Olive (#564000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Forest (#00412F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#002123): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#020100): quiet, heavy and certain.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Moonless 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
- Twilit Fern Delta color palette (#E4E5CC, #284F00, #003D4B, #001D37, #000200)
- Nocturne Corridor color palette (#F3EAD9, #744B00, #382E00, #001910, #030100)
- Midnight Garnet Market color palette (#F7E2F5, #830017, #003E41, #002224, #100001)
- Weathered Field color palette (#F2E4D1, #8A6300, #006C48, #004545, #110900)
- Hushed Rust color palette (#FEEADE, #AE3E00, #483100, #4B1600, #020100)
- Twilit Aubergine Courtyard color palette (#FFE5E9, #63006C, #002D32, #000F22, #020008)
- Dusty Grove color palette (#EFE5DE, #AF9C8A, #93774D, #552800, #090300)
- Quiet Brick color palette (#FFE6E3, #B6011A, #585600, #47186D, #0D000C)
Browse the whole catalog at Explore, or see today's palette.