Shadow Petrol color palette — #D4E7F2 · #00679C · #003967 · #000F49 · #01000C

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

The five colors

• Frost (#D4E7F2): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#00679C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003967): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#000F49): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#01000C): 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 Shadow 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

• Pale Onyx Market color palette (#D9F7F6, #007792, #003D69, #110050, #0E0024)
• Gentle Onyx color palette (#D7F0ED, #0097B4, #00518A, #0D005F, #020007)
• Washed Petrol color palette (#CEF6F6, #007682, #004352, #001A27, #000205)
• Quiet Alley color palette (#CDEFFF, #0089CB, #005591, #002766, #030030)
• Deep Nightshade Bloom color palette (#D2E2F3, #2265C6, #2000AB, #16004E, #02000B)
• Charred Navy color palette (#FFE8E3, #00598F, #0D068F, #290020, #000206)
• Ancient Aubergine Cabin color palette (#ECEEFF, #6455B0, #4C008F, #26003C, #040006)
• Washed Lagoon color palette (#E0EAE4, #94A49D, #628479, #003D4C, #000602)

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