Worn Petrol Dune color palette — #F1F3EC · #C3E3E7 · #7F9FC7 · #337392 · #412F3F

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

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C3E3E7): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#7F9FC7): A luminous, dusty blue — the color of deep harbor water.
• Slate (#337392): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#412F3F): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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

• Turquoise Lagoon color palette (#F2F2EC, #C5E3DB, #65A9B1, #39786F, #263C2F)
• Hushed Ash Orchard color palette (#FCF2F5, #DBDEEE, #8799C0, #4B7586, #4B5168)
• Worn Denim color palette (#EDF0E8, #75A2C4, #005A9E, #003649, #000922)
• Timeworn Petrol Boulevard color palette (#E8EAE0, #76BFD6, #00769A, #004A51, #001827)
• Cerulean Hollow color palette (#F2F3E6, #9EDCE6, #0092AC, #006262, #002A37)
• Cerulean Dune color palette (#EBECDE, #50979E, #00535F, #002C2A, #000508)
• Patina Moss color palette (#FFEEE6, #D28575, #A28D1D, #956496, #34231A)
• Tempered Cocoa color palette (#FFEEE7, #DED6C7, #CFC199, #A47A71, #612704)

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