Petrol Dune color palette — #F3F6EE · #C5E4DB · #668DBC · #0B6B8F · #583D56

Peacock takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F3F6EE): bright and airy, almost weightless.
• Silver (#C5E4DB): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#668DBC): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#0B6B8F): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#583D56): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Cypress Market color palette (#F5F6EE, #C9E4D2, #5295AA, #007074, #174E65)
• Ancient Iris Study color palette (#F6F1EC, #BDE7DA, #6C8BD4, #006B76, #3D2232)
• Powder Grove color palette (#EDF8F7, #D7DBF1, #9BC0F0, #6EA0BA, #384961)
• Frosted Lantern color palette (#F3F7E9, #A5D5F8, #2683D0, #00627F, #113E79)
• Muted Corridor color palette (#E0E1D4, #6AAAB7, #006177, #003E40, #002331)
• Hushed Abyss color palette (#EEF2E4, #56889F, #004160, #002128, #000A17)
• Plum Garden color palette (#FFF2EF, #D18795, #6E85CF, #B32354, #344067)
• Petrol Harbor color palette (#F5F7E9, #6DC8D4, #007B90, #005654, #003949)

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