Dusty Petrol color palette — #D6E2E8 · #B8C6D2 · #98A6B9 · #006C82 · #0C222D

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

The five colors

• Silver (#D6E2E8): a clean, paper-quiet neutral.
• Stone (#B8C6D2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#98A6B9): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006C82): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#0C222D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Dusty Petrol Delta color palette (#ECF9F1, #C3E0E3, #C6B4C6, #006B81, #050F0A)
• Ultramarine Grove color palette (#E6EAF2, #C0C4D1, #A1A1BF, #3556BF, #171F2E)
• Antique Abyss Cabin color palette (#E6F1F6, #B0BAC5, #818CB2, #004E58, #112229)
• Weathered Jade color palette (#CFE6E0, #61A472, #007257, #004F54, #00220B)
• Hushed Navy Field color palette (#ECF0F7, #A0A4B4, #8482A4, #303694, #03081B)
• Tempered Thicket color palette (#F2F5FC, #DED6E2, #CBB9CB, #7E73E5, #383F54)
• Dusty Garden color palette (#DDEAF4, #7C95C6, #7E64A7, #733605, #372900)
• Ultramarine Basin color palette (#D4EED9, #008DB4, #274ABD, #671700, #001829)

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