Worn Petrol Field color palette — #EBF4F3 · #D0DBF0 · #7CA2BA · #437384 · #21394A

Slate and Blue Fog set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#EBF4F3): a clean, paper-quiet neutral.
• Powder Blue (#D0DBF0): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7CA2BA): A luminous, dusty blue — the color of deep harbor water.
• Slate (#437384): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#21394A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Tempered Denim Harbor color palette (#DDF1EE, #65A8B7, #006279, #00393B, #000D15)
• Tempered Station color palette (#E6F4FE, #7ABEDC, #B789BB, #247C9C, #322C46)
• Dusty Cerulean Parlor color palette (#E6F4FF, #D5D6E4, #C2BCDF, #668AA1, #36424E)
• Dusty Turquoise color palette (#E4F5FF, #5BA7C5, #8D86B5, #478866, #172A35)
• Cypress Pier color palette (#FAF4F0, #CCE6E4, #6E9FC4, #0D8074, #604A5E)
• Cerulean Summit color palette (#CFE6E4, #3982A2, #004060, #001E25, #000104)
• Faded Cobalt color palette (#E8F5F4, #A4D6FD, #4587C6, #005E7B, #032350)
• Tempered Stone color palette (#EAF5EC, #A4C5AE, #6F8B74, #4A5E49, #1D3126)

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