Dusty Petrol color palette — #F1E8DA · #86BBDB · #396EA5 · #004A54 · #071236

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

The five colors

• Parchment (#F1E8DA): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#86BBDB): A luminous, dusty blue — the color of deep harbor water.
• Slate (#396EA5): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004A54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#071236): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Tempered Petrol Balcony color palette (#F1E8DA, #7AC2C0, #007987, #004D3A, #001922)
• Softworn Petrol Veranda color palette (#F8EAF0, #97B5CD, #4465AE, #00504C, #312256)
• Patina Study color palette (#F7F1E7, #ACD0C6, #5C7BB4, #00586E, #191C3E)
• Hushed Cerulean Station color palette (#F2EADD, #3997B1, #005071, #002C2C, #00040E)
• Petrol Studio color palette (#F5F1EA, #C4E6E9, #AF90AF, #357585, #452D40)
• Mulberry Coast color palette (#DBE9C9, #557800, #0062A1, #8F003C, #070D00)
• Powdered Veranda color palette (#EBE5C2, #849A22, #713AAD, #404D00, #1B0034)
• Fern Bloom color palette (#EEECCF, #9DCFA8, #54AEA3, #655B00, #1D1D00)

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