Petrol Dune color palette — #F0F6FB · #D9DAE3 · #BEBED0 · #3A7BA4 · #404951

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

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#D9DAE3): a clean, paper-quiet neutral.
• Ash (#BEBED0): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#3A7BA4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#404951): quiet, heavy and certain.

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

• Petrol Garden color palette (#EBF3F8, #D7D7E5, #C0BAC9, #447D98, #252D34)
• Ancient Indigo Workshop color palette (#F3F5FC, #E2D6E9, #BBB7DD, #7155B4, #3B3E51)
• Dusty Driftwood Delta color palette (#F0F5FF, #ADB7DD, #8282A7, #755B77, #5E494C)
• Navy Quarry color palette (#E9EEF4, #A0AAB9, #727DA8, #003868, #0A1520)
• Dusty Alley color palette (#EFF8F3, #E5D3CF, #A8A095, #6F9A88, #424A46)
• Lagoon Dune color palette (#ECF8F8, #80BEAC, #00867A, #34616F, #2E474A)
• Weathered Lagoon color palette (#F0F6FD, #CAD3E3, #98A6CB, #0950C2, #24344A)
• Wandering Aubergine color palette (#E6E4EE, #BBB6C5, #9588A1, #652666, #201D29)

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