Shadow Petrol color palette — #D4E8F1 · #006894 · #003359 · #000E30 · #01001C

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

The five colors

• Frost (#D4E8F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006894): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003359): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#000E30): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#01001C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Depth, Luxury. Tagged dark, muted, 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

• Inked Cypress Harbor color palette (#CAF4F4, #006B76, #00343E, #000F17, #010106)
• Softworn Navy color palette (#DBF4EA, #00879F, #00618A, #003A83, #000309)
• Navy Lantern color palette (#D0E9E7, #007E97, #004E7A, #160066, #080015)
• Velvet Navy Grove color palette (#E3EFF9, #0759B4, #010D92, #09003E, #030010)
• Cypress Summit color palette (#E8EFEB, #8D9F96, #4F7B6D, #00313C, #000D05)
• Grape Courtyard color palette (#E1E7FF, #5843B7, #390071, #1C0030, #08000E)
• Antique Petrol color palette (#FFE3F9, #6764A1, #4C3365, #3F0014, #260001)
• Misty Aubergine Market color palette (#E3E8F7, #6E6BD5, #5B00BA, #380065, #290039)

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