Weathered Petrol color palette — #E2ECF6 · #006EAA · #5F1400 · #002944 · #050004
A conversation between Peacock and Espresso, giving this palette its sense of trust and stability.
The five colors
- Frost (#E2ECF6): bright and airy, almost weightless.
- Peacock (#006EAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#5F1400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Midnight (#002944): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Balance. Tagged duotone, muted.
Use it as a design system
One click turns Weathered 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
- Tempered Garnet color palette (#DAEAF3, #00758B, #5E0041, #002C36, #060003)
- Quiet Navy color palette (#DBE3F1, #445CCA, #650016, #12007B, #050005)
- Inked Denim color palette (#D8EAF9, #004F75, #4B1600, #00181A, #00040A)
- Chalky Lapis Bloom color palette (#E4E8F5, #6952BE, #403100, #2B006A, #000301)
- Nocturne Ultramarine color palette (#D7F6F6, #233ADA, #580040, #001F11, #100029)
- Worn Workshop color palette (#EEECFF, #0C90F9, #A600D4, #801100, #220017)
- Powdered Lapis Lantern color palette (#D0E9FF, #6A4FCC, #650075, #3C001E, #210200)
- Aged Lantern color palette (#F2F5FB, #AABEF9, #B6643A, #5468AE, #382931)
Browse the whole catalog at Explore, or see today's palette.