Worn Petrol color palette — #EBF3F8 · #D3D7F0 · #B5BFD4 · #0F778C · #1B272D
A conversation between Teal and Powder Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF3F8): a clean, paper-quiet neutral.
- Powder Blue (#D3D7F0): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#B5BFD4): A luminous, dusty violet — the color of a velvet chair.
- Teal (#0F778C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#1B272D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Muted Denim color palette (#DFEBF3, #BFCDDE, #9DA3B7, #005E7B, #0A1820)
- Weathered Terrace color palette (#EFF7F2, #E8D8DE, #CBB5C0, #00778A, #344439)
- Cerulean Loft color palette (#EEF8F3, #C4DCE9, #B1AEB9, #509DBB, #2C3832)
- Inked Cobalt color palette (#E1EFFD, #006EB8, #26244A, #011122, #000408)
- Timeworn Onyx color palette (#E4E5F0, #908A9C, #76637D, #351752, #010106)
- Jade Loft color palette (#DCFAEF, #64BF72, #007D66, #005568, #002724)
- Airy Boulevard color palette (#E3F5FF, #0091B1, #A01464, #483600, #1E1700)
- Muted Periwinkle color palette (#C5F1FF, #73A6E8, #826F9A, #5B5726, #393400)
Browse the whole catalog at Explore, or see today's palette.