Petrol Dune color palette — #DFECEB · #94B9D0 · #0874A0 · #004955 · #00182A

Built around Slate, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Frost (#DFECEB): bright and airy, almost weightless.
• Ash (#94B9D0): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0874A0): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004955): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00182A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Softworn Cobalt Courtyard color palette (#EBF4F3, #B2CBE0, #4681B3, #005870, #052040)
• Weathered Petrol Cabin color palette (#F9ECE2, #82BAD3, #006BB6, #00504D, #202A53)
• Worn Cypress color palette (#DEF1EC, #68AAA5, #006567, #003A2F, #000E10)
• Navy Veranda color palette (#DAE6E6, #4E7DA3, #003C71, #001D2A, #000107)
• Muted Nightshade color palette (#ECEDFF, #DCB5E7, #D988C4, #5B489D, #16112D)
• Dusty Mulberry color palette (#ECEFFF, #7552BA, #A22557, #005470, #0F0028)
• Weathered Pier color palette (#DCE3FB, #6C75D1, #5233B8, #3F008B, #1F023E)
• Aged Chestnut Loft color palette (#D3EED6, #99844C, #6F4E00, #462A00, #001308)

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