Worn Petrol color palette — #F9F4ED · #C6E4D9 · #698DB8 · #006E7F · #38466C
A conversation between Teal and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Silver (#C6E4D9): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#698DB8): A luminous, dusty blue — the color of deep harbor water.
- Teal (#006E7F): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#38466C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Antique Cerulean color palette (#F9F4ED, #CDE3D1, #3E97B1, #007265, #245243)
- Patina Cobalt color palette (#FCF4E8, #A4D6F2, #1383D6, #006570, #203C78)
- Washed Loft color palette (#F7F0EB, #BBE8D7, #6E8CCE, #006D68, #3B2330)
- Ancient Coast color palette (#F0F7F1, #D7DDF4, #96C1F3, #5BA5B4, #394862)
- Abyss Garden color palette (#EBE3D6, #498AA0, #004160, #002223, #00091A)
- Dusty Lantern color palette (#F0E9DD, #85A98D, #006178, #003F37, #002234)
- Worn Harbor color palette (#FEF4E4, #71C8CD, #007B90, #005748, #00384D)
- Faded Navy Archive color palette (#F6EEE2, #6B93BB, #204295, #002E3C, #100045)
Browse the whole catalog at Explore, or see today's palette.