Worn Petrol color palette — #F1F7F2 · #D8DDEE · #809CBB · #2E7A89 · #45536B
Teal and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D8DDEE): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#809CBB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#2E7A89): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Peacock (#45536B): A full-bodied, dusty violet — the color of wild irises.
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 Grove color palette (#F7EFF2, #D8D0E4, #839BD0, #2B7974, #31344A)
- Powder Veranda color palette (#FAF4EF, #C4E0F0, #9AB1E3, #489590, #634A56)
- Petrol Grove color palette (#E7F2E9, #8EB9CB, #007393, #00504A, #00314D)
- Wandering Lagoon Balcony color palette (#D7E2D9, #509E9E, #00535E, #003124, #001720)
- Weathered Cerulean color palette (#ECF9EF, #95DDE0, #008EA6, #006856, #00465F)
- Wandering Cobalt Studio color palette (#FDF0FF, #C1858E, #779554, #347ABA, #4B3C4E)
- Tempered Studio color palette (#FCF1FE, #E9D5D8, #DFB8B3, #AD7792, #5D4E5C)
- Plum Veranda color palette (#FAF2FD, #D69EAC, #49AC9D, #B04B6C, #1C5850)
Browse the whole catalog at Explore, or see today's palette.