Dusty Petrol color palette — #EDF4F0 · #DAD1CF · #C8B5B3 · #2480A1 · #223029

Built around Cerulean, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Cream (#EDF4F0): bright and airy, almost weightless.
• Oat (#DAD1CF): bright and airy, almost weightless.
• Stone (#C8B5B3): A luminous, dusty orange — the color of sun-warmed clay.
• Cerulean (#2480A1): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#223029): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Aged Petrol Garden color palette (#F0F7F4, #E0D3D2, #CEB6BA, #367DA0, #3F4B46)
• Lagoon Delta color palette (#F5F2E4, #B0B891, #438279, #335977, #262A15)
• Wandering Denim Drift color palette (#E8F5F1, #E2CDD8, #CB9DA5, #005E9F, #061F1A)
• Lapis Basin color palette (#F9EEF5, #E5D2CD, #D4B8B4, #6056CA, #301E2A)
• Turquoise Parlor color palette (#F0F6FA, #D9D9E1, #CCC0C4, #51A9D5, #34414B)
• Wandering Cobalt color palette (#EFE4EE, #4E76B0, #412932, #1E101E, #030805)
• Washed Abyss color palette (#D8E4E0, #AA9BA5, #976F7A, #003B57, #000603)
• Softworn Parlor color palette (#EAF7D9, #A2C4B2, #9F8395, #3B6542, #293B00)

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