Petrol Dune color palette — #E9F5EE · #73C0D7 · #C88D68 · #227E94 · #36302B

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

The five colors

• Cream (#E9F5EE): bright and airy, almost weightless.
• Sky (#73C0D7): A luminous, balanced blue — the color of deep harbor water.
• Camel (#C88D68): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#227E94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#36302B): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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 Mint color palette (#ECF5E4, #7DC4AB, #C48A95, #39816A, #482620)
• Worn Coast color palette (#FAEEF6, #A3B0E5, #B39961, #5E6CAE, #34302A)
• Muted Petrol color palette (#EAF9F1, #81B9D0, #B188B5, #007EA1, #5D4260)
• Cerulean Quarry color palette (#EAF7FF, #90CFE6, #E29F82, #009BC0, #6A4230)
• Tempered Turquoise Market color palette (#DEF9ED, #58A7CA, #B87D64, #9D6C49, #142D23)
• Soft Hollow color palette (#CEFEEE, #2AA2E8, #AF7500, #006192, #2F1C00)
• Petrol Alley color palette (#F9EEF7, #D7BF9A, #506185, #3E293B, #191018)
• Worn Bloom color palette (#DAFBEF, #A2D6F5, #598AAD, #1C4E6F, #002434)

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