Petrol Dune color palette — #EBF5EF · #CAD9DB · #C2B1C0 · #366D80 · #17241D

A conversation between Teal and Ash, giving this palette its sense of trust and stability.

The five colors

• Cream (#EBF5EF): bright and airy, almost weightless.
• Silver (#CAD9DB): bright and airy, almost weightless.
• Ash (#C2B1C0): A luminous, dusty pink — the color of a candy shop window.
• Teal (#366D80): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#17241D): A deep, shadowed, dusty teal — the color of sea glass.

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

• Hushed Petrol color palette (#EEF7FB, #D6D8E6, #ACB3C5, #226E83, #2F3D44)
• Tempered Denim Loft color palette (#FBEDF8, #E6CBD9, #C89EAC, #3D55A0, #221520)
• Patina Cerulean color palette (#EEF8F2, #E2D3D1, #A6A79B, #5894A3, #28312B)
• Abyss Terrace color palette (#DAEAE3, #BDADBD, #A08397, #004A68, #030D09)
• Ancient Cocoa Grove color palette (#CFE8DE, #8CA1D8, #92707C, #6C3D00, #34270A)
• Hushed Loft color palette (#F3F4DD, #63B483, #267361, #2E4F37, #191F05)
• Wandering Cerulean Terrace color palette (#F6E7CF, #0096C8, #44559A, #631F00, #001E17)
• Faded Cobalt color palette (#D8F5EA, #0085BF, #7B376F, #492D00, #001911)

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