Worn Petrol color palette — #D8E9E8 · #007D8B · #004A68 · #00264A · #04002D
A conversation between Teal and Ink, giving this palette its sense of trust and stability.
The five colors
- Frost (#D8E9E8): bright and airy, almost weightless.
- Teal (#007D8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004A68): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#00264A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#04002D): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, cool.
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
- Misty Navy color palette (#CBF2E6, #008692, #006885, #003C72, #09002C)
- Hushed Basin color palette (#D3EFE0, #007C6D, #00585A, #002932, #000D16)
- Petrol Hollow color palette (#C9E5E9, #00798E, #003E56, #001627, #000106)
- Patina Navy color palette (#C4ECF5, #0078A5, #004C88, #050477, #060021)
- Dusty Workshop color palette (#DDF3EA, #00729E, #814800, #003D57, #0D0400)
- Hushed Iris Veranda color palette (#D1E1EA, #8795FF, #A26BAC, #00565B, #020C2E)
- Emerald Station color palette (#FFECE1, #00A242, #00609D, #090B17, #000202)
- Aged Delta color palette (#DDF2FF, #006085, #7D3500, #4E3A00, #000204)
Browse the whole catalog at Explore, or see today's palette.