Worn Petrol color palette — #FAF4ED · #C7EAEF · #8998C2 · #3B7985 · #634A57
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#FAF4ED): a clean, paper-quiet neutral.
- Frost (#C7EAEF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#8998C2): A luminous, dusty violet — the color of a velvet chair.
- Teal (#3B7985): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#634A57): A full-bodied, dusty rose — the color of strawberry cream.
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
- Muted Lagoon Studio color palette (#F1F7F1, #DBDDEC, #A2B1D2, #529296, #4F506A)
- Wandering Ash Lagoon color palette (#F6F1EB, #C6E5E9, #909AC2, #557457, #492C38)
- Softworn Thicket color palette (#FCF3EF, #C6EEE5, #7AA48E, #477B65, #335149)
- Washed Lilac color palette (#FFF1F5, #AE84C6, #7B9456, #757770, #513C42)
- Oat Thicket color palette (#FFF1F4, #E3D9D2, #E3C09D, #A8879F, #614C4F)
- Powder Archive color palette (#FFF0FB, #BDB1FD, #9477B5, #7D587E, #644243)
- Petrol Quarry color palette (#F6ECE6, #69BFD9, #006EA8, #005049, #182B56)
- Wandering Loft color palette (#FFF3E9, #A1D1BD, #477AB7, #005F60, #4E2E45)
Browse the whole catalog at Explore, or see today's palette.