Worn Petrol color palette — #F9EAF1 · #81BBD2 · #336AA8 · #005144 · #28255A
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Blush (#F9EAF1): a clean, paper-quiet neutral.
- Sky (#81BBD2): A luminous, dusty blue — the color of open sky before noon.
- Slate (#336AA8): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005144): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#28255A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Weathered Cobalt color palette (#FFF1F6, #A8CAE4, #5F77AC, #00605C, #3D325D)
- Antique Petrol Atelier color palette (#EEE8E0, #93BFAA, #0071AC, #004A4F, #001435)
- Nightshade Atelier color palette (#FCE7ED, #7AA3CB, #4549A9, #003D41, #29103F)
- Powdered Boulevard color palette (#FDF0FE, #A3D8E7, #008DB1, #006C29, #104072)
- Antique Coral Alley color palette (#E4EBFF, #EDB7DF, #D68478, #006084, #373250)
- Muted Onyx color palette (#F4E8F0, #4D9DAA, #004F74, #00321F, #020843)
- Weathered Ash Bloom color palette (#FBF2F6, #D8DFF0, #809AC3, #437A72, #4B516A)
- Periwinkle Hollow color palette (#F4EDE8, #A9DCF2, #5FA6FF, #00937F, #2A294C)
Browse the whole catalog at Explore, or see today's palette.