Worn Petrol color palette — #F3E4EC · #6DC0DE · #0970B1 · #004C47 · #091332

Built around Slate, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Blush (#F3E4EC): a clean, paper-quiet neutral.
• Sky (#6DC0DE): A luminous, balanced blue — the color of open sky before noon.
• Slate (#0970B1): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C47): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#091332): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Wandering Cobalt Harbor color palette (#FBEDF3, #9DCFED, #4D7DBD, #005B5D, #141F3B)
• Muted Petrol Quarry color palette (#F8ECE3, #93BCA6, #156BB2, #005141, #25265A)
• Powdered Denim Parlor color palette (#F8E4EA, #69A2D1, #3151A8, #00383F, #0C002B)
• Aged Veranda color palette (#F8EFF3, #D7D1E5, #7F9FC3, #407481, #2E3646)
• Cerulean Courtyard color palette (#F0E2ED, #119BAA, #00516B, #002D21, #00040E)
• Muted Periwinkle Terrace color palette (#CBF5F8, #7ED2D5, #6D9ED3, #486A34, #00222A)
• Timeworn Corridor color palette (#F1DCE3, #3F7FAA, #00308F, #001F22, #01000A)
• Emerald Villa color palette (#E0E8D5, #1DA320, #006E4E, #003832, #001C1C)

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