Worn Petrol color palette — #F5F1EB · #C7E3E4 · #7CA0C4 · #067987 · #442D42

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C7E3E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7CA0C4): A luminous, dusty blue — the color of deep harbor water.
• Teal (#067987): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#442D42): 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 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

• Aged Cypress Field color palette (#F5F1EB, #C8E2DC, #6BA7B7, #067D6A, #1B3E31)
• Tempered Periwinkle Boulevard color palette (#FAF3F6, #D8DEEF, #7A99D1, #357C74, #4D5264)
• Ancient Denim Veranda color palette (#EEE6D9, #70A4BD, #005D92, #00393D, #000922)
• Aged Field color palette (#EEE8E0, #84BFC7, #007793, #004C43, #001827)
• Cerulean Quarry color palette (#F6F1E9, #BAD9BB, #0093A6, #00644E, #002A38)
• Softworn Driftwood color palette (#F5F3DE, #92A474, #6193BD, #A76071, #2B2812)
• Teal Ridge color palette (#FAF4EF, #C6DDE9, #C7BDF1, #3BA59C, #604352)
• Worn Olive Boulevard color palette (#F4F2E7, #AFB98B, #A291CB, #6B7B00, #452534)

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