Dusty Petrol color palette — #D7E2ED · #006EAD · #003154 · #2C2229 · #000B18

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

The five colors

• Frost (#D7E2ED): bright and airy, almost weightless.
• Peacock (#006EAD): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003154): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#2C2229): a grounded near-black with real depth.
• Ink (#000B18): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged monochrome, muted.

Use it as a design system

One click turns Dusty 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

• Shadow Petrol color palette (#D1E2E5, #007584, #00343C, #17181F, #000A0D)
• Hushed Azure Atelier color palette (#DCF0FF, #5C94D8, #5F6FAB, #003649, #000B1A)
• Dusty Hollow color palette (#D7E7F5, #0086C8, #004A75, #002034, #000206)
• Sunlit Sapphire color palette (#EFF6FF, #70AAFF, #0069CB, #003972, #00234B)
• Velvet Aubergine color palette (#EBE7FB, #6C51B8, #330075, #210806, #0C0024)
• Frosted Ridge color palette (#E0E9FF, #648DE3, #2348A4, #031675, #010B4F)
• Hushed Courtyard color palette (#FFF1F6, #C4ADEB, #7A62A1, #4E3673, #35254E)
• Grape Studio color palette (#EFD8E2, #6B38B1, #490040, #27004E, #050004)

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