Worn Petrol Field color palette — #F3F7EB · #B6DFD2 · #6C99CB · #00769C · #253A5D
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F3F7EB): bright and airy, almost weightless.
- Silver (#B6DFD2): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#6C99CB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00769C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#253A5D): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, 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
- Worn Turquoise Basin color palette (#F5F6ED, #BAE0BF, #1BA7BA, #007D75, #004250)
- Petrol Summit color palette (#DEE1CE, #63AEC1, #00718F, #00494E, #001622)
- Cobalt Villa color palette (#FBF4ED, #ABCEC3, #5575BE, #005E68, #38345C)
- Ultramarine Pier color palette (#ECF1E3, #6F96BF, #0E52B2, #003752, #01002F)
- Powder Atelier color palette (#FCF2F6, #C4E5FF, #8EB0F9, #009EAD, #313956)
- Weathered Violet color palette (#FFDCD1, #D7727C, #B17F00, #905CB6, #432016)
- Tempered Chestnut Thicket color palette (#F5E5D1, #C3AA84, #9D7943, #7B501E, #33302A)
- Cocoa Studio color palette (#FFF2ED, #E7D9C2, #E9B69B, #B36D7C, #6A2E0E)
Browse the whole catalog at Explore, or see today's palette.