Petrol Dune color palette — #EFF7F7 · #C0D7EF · #6F98CD · #0075A1 · #273960

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

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Powder Blue (#C0D7EF): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#6F98CD): A luminous, balanced blue — the color of deep harbor water.
• Slate (#0075A1): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#273960): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Washed Petrol Coast color palette (#F3F6EE, #DAD5DF, #81A8DE, #2C779C, #3E233B)
• Muted Turquoise color palette (#EBF8F6, #B0DCED, #3AA5B9, #007C78, #004252)
• Washed Petrol Villa color palette (#E0EFED, #68ADC3, #007093, #004950, #001624)
• Periwinkle Workshop color palette (#FBF4EC, #C6E4FF, #8FAFFE, #429AA7, #39355A)
• Patina Cobalt Ridge color palette (#F0F8EF, #A8C9E8, #5372CB, #005E6A, #3A345B)
• Weathered Chapel color palette (#F2DDF1, #DE6D73, #AD8100, #945AB4, #3A213A)
• Hushed Chestnut color palette (#DAEEDC, #96B89F, #997B47, #7A5119, #123925)
• Coral Cabin color palette (#FFF0FD, #FFD8CD, #F9B182, #C67180, #57374F)

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