Worn Petrol Workshop color palette — #F4F6EF · #C5E4DB · #648CC1 · #006B93 · #374768

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C5E4DB): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#648CC1): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006B93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#374768): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn Petrol Workshop 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

• Muted Cypress Boulevard color palette (#F5F6EF, #CAE4D3, #5494AA, #007075, #2B5142)
• Tempered Cobalt color palette (#F3F7ED, #ABD4F4, #3383CE, #006281, #193E76)
• Wandering Iris Chapel color palette (#F6F1EC, #BBE7DB, #708AD4, #006A78, #3C2331)
• Soft Iris color palette (#EEF9ED, #5DB0AB, #897CCA, #007572, #423B67)
• Dusty Turquoise color palette (#EAF9F8, #D7DAF1, #9EC0ED, #62A1C3, #384861)
• Muted Denim Lagoon color palette (#E5E7D9, #66ABBB, #006179, #003D41, #002332)
• Hushed Abyss color palette (#DDE0D5, #5488A2, #004161, #002129, #000A17)
• Patina Petrol Corridor color palette (#DFFFE5, #74C2C9, #007E87, #004C52, #003136)

Browse the whole catalog at Explore, or see today's palette.