Dusty Petrol color palette — #F3E4DC · #5FAEC7 · #0068B4 · #004C3D · #0F0244

Built around Cobalt, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Parchment (#F3E4DC): bright and airy, almost weightless.
• Cyan (#5FAEC7): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#0068B4): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C3D): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0F0244): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Muted Grove color palette (#EFE4E0, #71AEAD, #00718D, #004E15, #00142B)
• Cobalt Loft color palette (#E7DCD4, #87B8DB, #516EC8, #005957, #251143)
• Petrol Terrace color palette (#F7E9F2, #35C9EF, #006AB2, #003F31, #020013)
• Patina Cerulean color palette (#D8E4DA, #469CB6, #005072, #003030, #00142B)
• Washed Cerulean Quarry color palette (#E0F3FF, #0096CF, #005A84, #00253E, #000204)
• Powdered Magenta Parlor color palette (#D1E6EE, #83AEED, #C261C0, #006858, #001625)
• Aged Lagoon color palette (#C6EAD9, #008781, #006676, #00375C, #020043)
• Softworn Cobalt color palette (#F8ECE5, #ACCEB9, #468CC6, #006E56, #222859)

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