Dusty Petrol Field color palette — #E2EDF3 · #BAC6D0 · #8DA7C8 · #006C82 · #0B222D

A conversation between Peacock and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Frost (#E2EDF3): bright and airy, almost weightless.
• Oat (#BAC6D0): a calm mid-gray that lets other colors speak.
• Blue Fog (#8DA7C8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006C82): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#0B222D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Ultramarine Delta color palette (#EAEEF5, #BFC4D1, #A0A1C5, #3758B6, #161F2F)
• Tempered Abyss color palette (#E1F0F7, #ACBBCA, #868DA4, #004E58, #112229)
• Washed Petrol Station color palette (#EDF8F2, #CADEDE, #A6C2B9, #006A83, #021008)
• Timeworn Cobalt Orchard color palette (#EFF6FE, #D1DFF8, #B2BCE3, #0079D5, #233447)
• Hushed Navy color palette (#E9EFFB, #A0A4B5, #8482A0, #2F398E, #050912)
• Washed Meadow color palette (#D5EFE8, #56A76A, #007255, #004F53, #00201E)
• Dusty Indigo color palette (#DAEEF9, #8093C2, #735DAA, #673A19, #392B00)
• Denim Atelier color palette (#D1E4F7, #0065A3, #2A232A, #131B56, #000A18)

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