Petrol Dune color palette — #F0F6FA · #DBDAE4 · #C6BCCC · #487C93 · #3E4951

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

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#DBDAE4): a clean, paper-quiet neutral.
• Stone (#C6BCCC): A luminous, dusty violet — the color of wild irises.
• Slate (#487C93): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3E4951): 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

• Softworn Villa color palette (#EBF4F1, #DED0CE, #C9B4B7, #4B7B99, #242F2B)
• Dusty Driftwood color palette (#E6F9FF, #98B2D3, #977AA0, #3D6B61, #315055)
• Tempered Abyss Garden color palette (#DAE2E9, #A2A9BA, #7E7A9C, #003B5B, #0A151E)
• Dusty Cypress Alley color palette (#EDF8F4, #8CBD9D, #00857F, #465C73, #2F4847)
• Tempered Denim color palette (#F0F6FC, #CDD2E3, #BD98BD, #005CA3, #253444)
• Washed Canyon color palette (#D9E6F8, #406EC4, #302E4C, #171F2B, #090C14)
• Muted Corridor color palette (#E1E0EC, #BEB5C4, #B08178, #5B2D6E, #1F1C2F)
• Petrol Balcony color palette (#E6FBF0, #41A8B5, #615FA9, #555000, #294051)

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