Worn Petrol Coast color palette — #C8EBFF · #7FADD0 · #5B739D · #4B445F · #31293B

Slate takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#C8EBFF): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#7FADD0): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5B739D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#4B445F): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#31293B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.

Use it as a design system

One click turns Worn Petrol Coast 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 Villa color palette (#DFEFFF, #A6BAD8, #76819E, #62556E, #3F3044)
• Hushed Boulevard color palette (#EAF4F4, #A5CCF2, #547DB6, #005679, #10203A)
• Azure Dune color palette (#C0E6F7, #009CD9, #0067A0, #054379, #082040)
• Worn Workshop color palette (#EBF2FF, #87A7FF, #4664B5, #162C65, #030A2F)
• Worn Powder color palette (#DCFCFF, #AAD5ED, #8898B9, #597459, #283E2D)
• Worn Parlor color palette (#E6EBFE, #9B91D5, #835A9E, #702B36, #4C0300)
• Cobalt Delta color palette (#C9E2FE, #506AB1, #3C3766, #2A1935, #000A06)
• Hushed Cabin color palette (#EAE0FF, #C399D3, #9E628F, #734736, #4C2906)

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