Midnight Navy color palette — #F8DDF7 · #0044A5 · #533400 · #001A4A · #020100
A conversation between Indigo and Midnight, giving this palette its sense of trust and stability.
The five colors
- Blush (#F8DDF7): A whisper-light, dusty pink — the color of a candy shop window.
- Indigo (#0044A5): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Cocoa (#533400): A deep, shadowed, dusty gold — the color of honey in a jar.
- Midnight (#001A4A): A deep, shadowed, balanced blue — the color of deep harbor water.
- Black (#020100): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Depth, Luxury. Tagged dark.
Use it as a design system
One click turns Midnight Navy 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
- Deep Aubergine Lantern color palette (#FFE8F3, #541BB3, #413D00, #230056, #010100)
- Aged Sapphire Garden color palette (#D0E2FA, #0067D0, #6D4F00, #00295B, #020100)
- Basalt Balcony color palette (#E3F6E5, #00575D, #553200, #002426, #020100)
- Denim Hollow color palette (#D8E6DB, #735B00, #00519D, #15050B, #030003)
- Soft Nightshade color palette (#FEE8F9, #5A77D9, #726F00, #202BB4, #141300)
- Washed Mulberry Loft color palette (#DAF5EC, #9481BB, #993D70, #003236, #020015)
- Hazy Hollow color palette (#FCE1EB, #9F7CD3, #927A00, #692FA6, #231C00)
- Dusty Plum color palette (#FFE5E8, #A0379E, #6E5400, #5C005B, #0C0700)
Browse the whole catalog at Explore, or see today's palette.