Worn Petrol color palette — #E6F1F5 · #CADAE6 · #9EBBD9 · #008091 · #223036
A conversation between Teal and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F1F5): bright and airy, almost weightless.
- Silver (#CADAE6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#9EBBD9): A luminous, dusty blue — the color of open sky before noon.
- Teal (#008091): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#223036): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Washed Petrol color palette (#E4EAEE, #B6C6D8, #95A5C5, #006990, #162128)
- Weathered Bloom color palette (#EAF0EB, #C4D8D9, #D4B9BF, #00A5B6, #203325)
- Patina Archive color palette (#C3E5FB, #8CA8D2, #827AB0, #804F39, #254028)
- Cobalt Ridge color palette (#CEE8FD, #007AB1, #1F3158, #031828, #00050A)
- Timeworn Workshop color palette (#F1F5FD, #D8DDF0, #B8B9E3, #3E6AED, #263349)
- Timeworn Byzantium Drift color palette (#CEE5F4, #0094BB, #8C2AB5, #722700, #142500)
- Pine Courtyard color palette (#D7EAE3, #7CB679, #008759, #006261, #00302C)
- Softworn Iris Coast color palette (#F4F5FB, #E0D6E1, #D1B7CB, #8F77BF, #3C3E51)
Browse the whole catalog at Explore, or see today's palette.