Worn Petrol color palette — #ECF7FF · #79B9DB · #BF8C6C · #347B9D · #624252

A conversation between Slate and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#79B9DB): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#BF8C6C): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#347B9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#624252): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Petrol Delta color palette (#E5F5FE, #88BCD0, #C68F5E, #007E9D, #452633)
• Cypress Thicket color palette (#E4FAFE, #7BBFB5, #C58393, #008579, #59445F)
• Antique Petrol color palette (#EFF6FF, #97B0E2, #B29363, #5872A5, #37563A)
• Cerulean Veranda color palette (#ECF9F1, #90D0E3, #D5A778, #009CBB, #634627)
• Worn Cerulean Lagoon color palette (#EDF7FF, #D9D9E4, #BDA6A9, #688C9E, #424D5C)
• Muted Pier color palette (#EDF7FF, #5FA0CA, #B77288, #717D49, #324554)
• Tempered Archive color palette (#EBF9EF, #9EC2B0, #698973, #4D654B, #394C46)
• Powdered Grape color palette (#F3F4FF, #A693D0, #889047, #6F53A2, #41470F)

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