Midnight Denim color palette — #E4F2FF · #005081 · #5D2C00 · #002038 · #030100

Peacock takes the lead with Cocoa close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#E4F2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#005081): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5D2C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Midnight (#002038): A deep, shadowed, dusty blue — the color of open sky before noon.
• 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

• Shadow Garnet color palette (#D2E6F1, #005665, #74001D, #00232B, #040000)
• Lowlit Navy Quarry color palette (#DAE5F0, #003F64, #4D2500, #1F2101, #000103)
• Nightshade Station color palette (#E7EDFF, #4B31A3, #563100, #200059, #020100)
• Twilit Drift color palette (#D7EAFC, #005684, #084C09, #002339, #000900)
• Petrol Lantern color palette (#CEE8DE, #0070A5, #7C4B00, #003C5B, #0C0400)
• Washed Fern Canyon color palette (#DAEAE4, #0072A9, #14670B, #002E49, #000200)
• Antique Hollow color palette (#D7EBFE, #838AC1, #973D9F, #003137, #000108)
• Midnight Ultramarine color palette (#D8E9FF, #0057B1, #002B5E, #190D1A, #000615)

Browse the whole catalog at Explore, or see today's palette.