Petrol Dune color palette — #EBF8F8 · #BBD8F4 · #6C98D0 · #0075A0 · #243964

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

The five colors

• Ivory (#EBF8F8): bright and airy, almost weightless.
• Powder Blue (#BBD8F4): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#6C98D0): A luminous, balanced blue — the color of deep harbor water.
• Slate (#0075A0): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#243964): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, 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

• Ancient Periwinkle Terrace color palette (#F3F7ED, #DAD5DF, #77A9E8, #23789E, #3E233C)
• Washed Cypress Thicket color palette (#EFF7F5, #B3DCEB, #4BA4B4, #007C76, #004251)
• Softworn Cobalt Orchard color palette (#EFF6FF, #DDD6F6, #BDB6F0, #3886CA, #30405B)
• Chalky Ridge color palette (#CCEEFF, #5FB2E0, #0088CD, #0060AA, #203E68)
• Petrol Cabin color palette (#DBECEA, #72ACBD, #007092, #004950, #001623)
• Ancient Lilac color palette (#D2E7FF, #6099D7, #AA6DBE, #008A7F, #102D4A)
• Faded Alley color palette (#E2F0FF, #6BADED, #46AD65, #0075C4, #0D401E)
• Powder Pier color palette (#FDF3E9, #BAEDDE, #98B0EA, #4699A6, #4D3040)

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