Petrol Dune color palette — #EDEFE0 · #54C2DD · #0081A3 · #00585F · #002333

Cerulean and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDEFE0): bright and airy, almost weightless.
• Cyan (#54C2DD): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0081A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00585F): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#002333): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Sunlit Petrol color palette (#EBF0E2, #68AAD5, #006AAF, #00475C, #001330)
• Cobalt Drift color palette (#ECF1E0, #95CDED, #018ED8, #006880, #0A2F52)
• Softworn Delta color palette (#FDF3ED, #92D8EB, #1F80C3, #00533F, #060036)
• Hushed Cabin color palette (#F4F7E7, #A3E7FF, #00A9E1, #00808F, #124462)
• Wandering Courtyard color palette (#EFF1E2, #34A2B5, #006278, #003B3C, #000B12)
• Worn Aqua Atelier color palette (#E8F4DE, #00D9CC, #1BBCC9, #297B57, #002E29)
• Hazy Study color palette (#E7EFDC, #009E6F, #1C6CE9, #006244, #001743)
• Airy Petrol Basin color palette (#CEF5E8, #00896E, #0071A4, #5F5B00, #001610)

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