Worn Petrol color palette — #FBF4EA · #BADED0 · #6D98CB · #10798A · #4D2E48
Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FBF4EA): a clean, paper-quiet neutral.
- Silver (#BADED0): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#6D98CB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#10798A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#4D2E48): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Calm, 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
- Periwinkle Orchard color palette (#F1F7F2, #DADFEA, #67A9F6, #007C8F, #212C4D)
- Azure Garden color palette (#FBF4EA, #BCDEC6, #3CA3C6, #007D73, #0F4437)
- Muted Cobalt Archive color palette (#FCF3EC, #A8CFC1, #5D75B5, #00605D, #3E325B)
- Powdered Meadow color palette (#FDF4E6, #86D8F4, #0097D6, #007274, #003362)
- Cerulean Lantern color palette (#F9F4EE, #CAE8E9, #8BBDB0, #4F929C, #604B5D)
- Petrol Courtyard color palette (#EEE6D9, #5EB0BF, #007191, #004B45, #001626)
- Feathered Lagoon color palette (#FEDCD4, #D67285, #6F9835, #3C7BB7, #451C25)
- Weathered Basin color palette (#ECE3D5, #7297B6, #1353B0, #003947, #04002D)
Browse the whole catalog at Explore, or see today's palette.