Midnight Petrol color palette — #DDF1FF · #0067A0 · #00315F · #001539 · #0A001D

Peacock and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DDF1FF): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#0067A0): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00315F): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001539): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0A001D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Depth, Luxury. Tagged dark, cool.

Use it as a design system

One click turns Midnight Petrol 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

• Cellar Petrol color palette (#CCEDF1, #006C7C, #003744, #001923, #02040F)
• Gentle Cobalt color palette (#D0E7F6, #007EC4, #0062A5, #003A80, #000124)
• Inked Onyx color palette (#D8F6FE, #00526E, #002F5D, #06003D, #020009)
• Nightshade Orchard color palette (#E0EDFF, #0249AC, #74003F, #001C4E, #130006)
• Charred Aubergine color palette (#DEE7FB, #454AB4, #2D0081, #1A0043, #0A001B)
• Soft Violet Workshop color palette (#D6DFF9, #8B8DD0, #855CBC, #003167, #07022B)
• Smoked Courtyard color palette (#DCEDFD, #00426C, #4D006E, #002B24, #000205)
• Softworn Market color palette (#E8EAFF, #725ECC, #5C00B0, #450070, #2D0044)

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