Petrol Dune color palette — #ECF3F7 · #D5D7E2 · #BABCD2 · #407E98 · #252D33

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

The five colors

• Ivory (#ECF3F7): a clean, paper-quiet neutral.
• Silver (#D5D7E2): bright and airy, almost weightless.
• Ash (#BABCD2): A luminous, dusty violet — the color of wild irises.
• Slate (#407E98): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#252D33): 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 Loft color palette (#D9E6FE, #ABB2CE, #7C7C9E, #69556D, #412C3D)
• Patina Petrol Boulevard color palette (#EFF7F2, #D1DDDF, #CFBDBF, #3C7E92, #404B44)
• Ancient Indigo color palette (#EEF2FC, #DCD3E7, #BABCDA, #5F5BBF, #21252F)
• Lagoon Villa color palette (#E4F6F5, #86BFC0, #1F886D, #345C65, #0B2D2E)
• Wandering Abyss color palette (#E5F0F9, #92A2B3, #687D9A, #003A58, #00050B)
• Tempered Sky Loft color palette (#E8F3FE, #C4DCFF, #67BEFF, #6D8DD1, #12283F)
• Feathered Sapphire Field color palette (#F9EDFC, #6AA1D6, #4D63B9, #6B2C56, #142336)
• Weathered Parlor color palette (#E7E9F1, #C9CADB, #A2A0BD, #594591, #121522)

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