Weathered Petrol color palette — #DFE6EA · #BAC6D1 · #93A6C1 · #006B85 · #0E222C

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

The five colors

• Frost (#DFE6EA): bright and airy, almost weightless.
• Oat (#BAC6D1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#93A6C1): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006B85): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#0E222C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Softworn Denim color palette (#DCE6EE, #A7B5CB, #8A94B4, #005789, #0B151E)
• Dusty Lagoon color palette (#E1EDE6, #B3C3C5, #C6A5AA, #008FAB, #13231A)
• Pewter Market color palette (#EDEEF5, #D7D5E6, #BEB0D4, #7A63A6, #2B2D39)
• Wandering Study color palette (#D7EFE9, #4DA86F, #00715A, #004F55, #00201F)
• Denim Studio color palette (#D0E1F3, #0062AB, #2A2229, #181B53, #000919)
• Patina Iris Workshop color palette (#E1F3FF, #718ECF, #7C65A4, #6A380D, #102F1D)
• Ultramarine Hollow color palette (#DAF1DE, #008CB8, #2D43C9, #641C00, #00182B)
• Linen Aubergine Hollow color palette (#CCE2F4, #007EB1, #840092, #532300, #041700)

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