Petrol Dune color palette — #EFF7FA · #D4D9E3 · #A4B6C4 · #007082 · #303D43

Teal and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7FA): bright and airy, almost weightless.
• Silver (#D4D9E3): bright and airy, almost weightless.
• Ash (#A4B6C4): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007082): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#303D43): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Dusty Cerulean color palette (#F1F7F2, #CEDDDD, #D4BBC1, #0091A0, #323E35)
• Weathered Cobalt color palette (#F2F5FB, #DAD8DF, #B6A9AB, #6F80B0, #4D535D)
• Worn Bloom color palette (#EFF6FF, #CAD3E2, #9AA6C4, #0055B8, #1F344E)
• Patina Abyss Dune color palette (#D6E0E6, #ADBBC6, #7D91A4, #004C62, #062231)
• Weathered Veranda color palette (#F2F5FE, #DDD6E2, #BAB9D3, #6D55BA, #3A3E53)
• Muted Cypress Cabin color palette (#EAF9F6, #7FA686, #267350, #18564B, #123D3B)
• Hushed Cocoa color palette (#DFE7FF, #989DBF, #777294, #7C4341, #58390A)
• Moonless Petrol Veranda color palette (#D1E0EE, #00699D, #0F2741, #011525, #03040C)

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