Worn Petrol color palette — #F7EAF2 · #6DBFD6 · #006CB0 · #00523F · #242A51
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Blush (#F7EAF2): bright and airy, almost weightless.
- Cyan (#6DBFD6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006CB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523F): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#242A51): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Hushed Cabin color palette (#FCF2F7, #90CFEF, #5178B7, #006157, #313858)
- Worn Petrol color palette (#E8EBDE, #95BFA8, #00759B, #004A52, #001827)
- Frosted Ultramarine Coast color palette (#ECDBE0, #53A7DF, #334BB0, #003E3D, #24153D)
- Aged Periwinkle Corridor color palette (#F5EDE8, #A5DDF1, #5DACE9, #009287, #192B57)
- Patina Coast color palette (#EEE0EB, #28A1AB, #00506F, #00321A, #000F39)
- Ash Dune color palette (#FBF2F7, #D8DFF1, #819CBC, #46787F, #4B5267)
- Linen Plum color palette (#F6E2EF, #B70095, #006D65, #005060, #251833)
- Muted Amber Lantern color palette (#F7F2FF, #FFB9B9, #B49046, #60588E, #3D2843)
Browse the whole catalog at Explore, or see today's palette.