Midnight Denim color palette — #DBE7F5 · #004C8E · #5C2D00 · #001E3F · #030100
Built around Peacock, softened by Cocoa — the whole palette hums with trust and stability.
The five colors
- Frost (#DBE7F5): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#004C8E): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#5C2D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Midnight (#001E3F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- 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 Denim 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
- Nocturne Cocoa Villa color palette (#CCEEFB, #00575D, #652400, #002427, #030000)
- Patina Petrol Summit color palette (#CEF3E8, #0070B1, #7D4400, #002D4C, #030100)
- Velvet Forest color palette (#CEE8FC, #00577F, #0D4C05, #002337, #000900)
- Shadow Nightshade Alley color palette (#DFE6F6, #4100D0, #473A00, #19005F, #020100)
- Midnight Chestnut color palette (#C4E8DD, #904700, #005D6B, #090C12, #000102)
- Airy Harbor color palette (#C9E4F4, #767EDC, #934870, #003335, #000112)
- Softworn Iris color palette (#DFE9FF, #7787EB, #8B7D00, #414AA0, #211C00)
- Airy Amethyst color palette (#E5EAFD, #6A3EEB, #5A5D00, #390091, #080800)
Browse the whole catalog at Explore, or see today's palette.