Worn Petrol color palette — #CDF6FE · #007B96 · #004969 · #002642 · #000521
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#CDF6FE): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007B96): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004969): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002642): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000521): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, 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
- Cerulean Balcony color palette (#DEF0F2, #009CBF, #007099, #003E68, #001B46)
- Onyx Loft color palette (#E1EFF7, #0066A5, #003569, #07005C, #030015)
- Ancient Field color palette (#CFF2DD, #00876B, #00534C, #002C2E, #000E12)
- Petrol Archive color palette (#CCE9DF, #0072AB, #7F4900, #003A5A, #0F0500)
- Quiet Summit color palette (#DDECFF, #1083E3, #004A87, #001A3C, #000107)
- Powdered Orchid Cabin color palette (#D8F5EC, #A3B1FF, #A267DA, #004D65, #000C26)
- Weathered Market color palette (#E5F1FD, #005B99, #8F003A, #2D4400, #00040B)
- Tempered Ultramarine color palette (#DDEAF3, #006CC2, #0022D5, #1E007B, #0B0023)
Browse the whole catalog at Explore, or see today's palette.