Petrol Dune color palette — #F4F6EF · #BADDD4 · #7397CB · #0075A4 · #293960

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#BADDD4): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#7397CB): A luminous, balanced blue — the color of deep harbor water.
• Slate (#0075A4): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#293960): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, 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

• Hushed Turquoise Study color palette (#F5F6EC, #C1DCC7, #33A5BC, #007C7A, #004253)
• Worn Petrol color palette (#E6E9DA, #6CACC2, #007094, #004951, #001624)
• Timeworn Boulevard color palette (#F9F4EF, #A5CFC4, #5F73BA, #005E6C, #3B345A)
• Powder Drift color palette (#F0F7F0, #C8E3FF, #97AFF3, #4599A9, #313859)
• Olive Courtyard color palette (#D9EBD5, #00ACA1, #4E8CD2, #6C8200, #00332F)
• Faded Boulevard color palette (#D9F1E9, #46C6B1, #00938C, #006A69, #004145)
• Lagoon Meadow color palette (#E4FDE9, #B7E4E1, #90CAEC, #129F9A, #284D35)
• Ancient Amber color palette (#E6F3E4, #29BFB6, #B19222, #00837C, #423400)

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