Midnight Cocoa color palette — #F6EAE1 · #683400 · #004132 · #001B3F · #030100
A conversation between Bronze and Midnight, giving this palette its sense of trust and stability.
The five colors
- Cream (#F6EAE1): a clean, paper-quiet neutral.
- Bronze (#683400): A deep, shadowed, balanced gold — the color of old brass.
- Forest (#004132): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001B3F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#030100): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Midnight 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
- Inked Garnet color palette (#FFE3D9, #820021, #00421B, #001F2F, #040000)
- Onyx Meadow color palette (#EEE8D9, #4E4400, #003E47, #26004B, #020100)
- Midnight Basalt color palette (#E6DED1, #4E3800, #002A1A, #00092B, #050000)
- Cocoa Loft color palette (#F1E0CD, #873C00, #323100, #1B003B, #030100)
- Timeworn Workshop color palette (#EAE3DE, #A69F93, #897D33, #522B00, #090300)
- Frosted Brick Drift color palette (#F9E6DD, #B13825, #263E00, #530700, #010100)
- Hushed Aubergine color palette (#F6EBD9, #7E5F00, #005E7B, #500074, #0D0600)
- Frosted Villa color palette (#EFE3D0, #866600, #006B53, #003584, #100A00)
Browse the whole catalog at Explore, or see today's palette.