Worn Petrol color palette — #EDF8F7 · #B7D9F4 · #609CCB · #007894 · #1A3C60
Teal and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EDF8F7): a clean, paper-quiet neutral.
- Powder Blue (#B7D9F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#609CCB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007894): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#1A3C60): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Softworn Summit color palette (#EEF8F5, #C6E1FD, #5DB4BE, #278C80, #224E60)
- Patina Petrol Terrace color palette (#D1E3E0, #5BB0BC, #007287, #004A49, #001720)
- Denim Drift color palette (#CDE4E3, #5F99C3, #005A9D, #00394C, #00081E)
- Muted Cobalt Station color palette (#FDF2F7, #B0C9DC, #5379B0, #005F63, #33365F)
- Cerulean Grove color palette (#E1F3EF, #93D1D6, #1197A9, #006C67, #003440)
- Washed Cobalt color palette (#D2E7E7, #92B5D6, #4076B9, #005474, #041A4D)
- Periwinkle Meadow color palette (#FAF4EE, #BCEDD9, #7CB4FF, #009FA3, #4E2E45)
- Moss Boulevard color palette (#C8EEE4, #7CA539, #009D9C, #AD6200, #00342B)
Browse the whole catalog at Explore, or see today's palette.