Petrol Dune color palette — #F5F0F6 · #DDD3D6 · #C6B7B9 · #57779F · #312932

Slate takes the lead with Onyx close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F5F0F6): bright and airy, almost weightless.
• Silver (#DDD3D6): bright and airy, almost weightless.
• Stone (#C6B7B9): soft and architectural.
• Slate (#57779F): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#312932): a grounded near-black with real depth.

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

• Driftwood Meadow color palette (#F7EFF3, #DDD4D3, #B4ABA4, #9A778A, #3D3338)
• Timeworn Cobalt color palette (#F1F6FB, #DBD9E1, #C4BCC7, #3F78AE, #3E4954)
• Byzantium Boulevard color palette (#FCEEF2, #E1D2CE, #D6B6B9, #8251A5, #2F2025)
• Ancient Parlor color palette (#ECD9E5, #686ABF, #412835, #1D1219, #0A0409)
• Patina Chestnut color palette (#FFEAF5, #CFA9B7, #9A7A80, #894A2D, #4E2400)
• Tempered Mulberry Coast color palette (#F2E5E8, #DAC5C7, #B39D9E, #6C4274, #1E1215)
• Tempered Aubergine color palette (#E7DEE1, #9C878D, #7F6268, #331658, #040002)
• Hazy Lilac Station color palette (#FFEBF8, #BFD8FF, #ABB5FF, #9B7ED3, #33162A)

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