Worn Petrol color palette — #D6E4D9 · #62ABD4 · #0068B4 · #004952 · #030D3A
A conversation between Cobalt and Cyan, giving this palette its sense of trust and stability.
The five colors
- Bone (#D6E4D9): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#62ABD4): A luminous, balanced blue — the color of open sky before noon.
- Cobalt (#0068B4): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004952): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#030D3A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Turquoise Villa color palette (#E2F5E5, #3DB4C3, #00718D, #004B42, #001624)
- Petrol Coast color palette (#ECF0E1, #83BFE3, #006DA9, #003C4B, #000309)
- Airy Navy Terrace color palette (#EFDEE5, #6397B4, #004694, #003031, #0E0243)
- Powdered Cornflower color palette (#FAECE1, #86B7D5, #3E82DF, #006C70, #0F0341)
- Washed Alley color palette (#E6F2E8, #96CDE9, #428CC7, #006B74, #182D51)
- Antique Azure Ridge color palette (#EDF9EF, #9DE8FF, #1FA8E3, #008282, #11426C)
- Powdered Mulberry color palette (#E9EFE2, #537200, #005F9A, #8A063D, #050900)
- Wandering Turquoise Grove color palette (#F0F7F1, #D1E1F2, #76BECD, #5F9282, #425662)
Browse the whole catalog at Explore, or see today's palette.