Worn Petrol color palette — #E1F3E8 · #34A1A6 · #456DA3 · #6C4216 · #432403
Slate and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#E1F3E8): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#34A1A6): A luminous, balanced teal — the color of glacier melt.
- Slate (#456DA3): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#6C4216): A full-bodied, balanced gold — the color of old brass.
- Espresso (#432403): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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
- Worn Petrol color palette (#DBF4D8, #51ACAB, #307AA8, #60425A, #3F150F)
- Cerulean Orchard color palette (#DAF5EF, #008EBF, #545890, #4F3300, #281700)
- Softworn Azure color palette (#D0F4F2, #5196D4, #7369A5, #62481B, #16311A)
- Chestnut Coast color palette (#F3EECD, #9FAB81, #428AAF, #815E16, #352C00)
- Quiet Iris Quarry color palette (#D1E5E4, #64BDF3, #8A7AD0, #755A19, #4B3600)
- Tempered Rust color palette (#CCE3F0, #007EAE, #A74900, #784E00, #001420)
- Frosted Bronze color palette (#D2E4F1, #0092C5, #B05A00, #005A7B, #2D1200)
- Aged Lilac color palette (#D1EBFF, #A797E5, #8B7DA0, #596137, #1F4438)
Browse the whole catalog at Explore, or see today's palette.