Petrol Dune color palette — #E9F4FB · #D8D5EC · #BBBDD6 · #00759B · #192730

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

The five colors

• Ivory (#E9F4FB): a clean, paper-quiet neutral.
• Silver (#D8D5EC): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#BBBDD6): A luminous, dusty violet — the color of wild irises.
• Teal (#00759B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#192730): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Muted Lantern color palette (#EEF6FE, #D7D8E8, #ACBDD7, #2C709F, #304251)
• Muted Denim color palette (#E2EAF1, #C2CBE0, #A2A0BC, #065B86, #0B1721)
• Aged Lantern color palette (#ECF9F4, #E7D3D0, #AEA192, #3F9BD1, #2A3933)
• Muted Powder color palette (#B7EEFF, #A5ADEC, #956C89, #50542A, #2B2E00)
• Cobalt Pier color palette (#E7F4FF, #008AD1, #834C00, #4A3500, #1B1900)
• Washed Navy color palette (#E0E5F3, #A09BB7, #87738F, #332378, #020311)
• Velvet Market color palette (#D7E7FF, #1355F6, #361C45, #051022, #000408)
• Antique Olive Courtyard color palette (#FFEBF6, #C5A351, #627504, #4F456B, #2B1E00)

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