Midnight Petrol color palette — #CDE2F3 · #00719E · #0B2C4A · #041A29 · #030612

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

The five colors

• Frost (#CDE2F3): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#00719E): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#0B2C4A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#041A29): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#030612): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

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

• Denim Quarry color palette (#E0F0FF, #005990, #3C2B2F, #081A32, #000A17)
• Velvet Atelier color palette (#DCE9FF, #3457DE, #25254E, #0B182D, #060513)
• Patina Azure Coast color palette (#D4EFE4, #0BADF1, #366A9E, #1B4C3D, #09150F)
• Softworn Cerulean Orchard color palette (#D7EBE2, #0092C5, #334271, #002F21, #061609)
• Worn Workshop color palette (#F0F0FF, #906CA5, #3E394B, #282734, #171419)
• Inked Thicket color palette (#D5E5FF, #1C24B9, #2B1C1C, #0C082A, #000211)
• Linen Indigo Loft color palette (#E7E9FF, #706BEA, #B93587, #006C7F, #2B2B51)
• Eclipse Canyon color palette (#F2EBFF, #7600CB, #2C0F39, #0A0823, #030009)

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