Worn Petrol color palette — #F5EDE5 · #78BAE2 · #3D68A6 · #004F53 · #272755

Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F5EDE5): a clean, paper-quiet neutral.
• Sky (#78BAE2): A luminous, balanced blue — the color of open sky before noon.
• Slate (#3D68A6): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#272755): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Cobalt Harbor color palette (#F3E6DC, #8EBAD6, #4867B1, #004C48, #190937)
• Patina Petrol Veranda color palette (#F7ECE6, #7BBFBE, #00758A, #005331, #00324B)
• Wandering Cobalt color palette (#FAF4ED, #9FCAF1, #5F75B2, #005E6A, #512D41)
• Cerulean Station color palette (#CFE8E8, #00A1BE, #005E87, #003B6D, #2F1B49)
• Patina Cerulean color palette (#FFF2EC, #91DDE5, #008CB4, #00694F, #0F426C)
• Antique Archive color palette (#DAFDEF, #BCC6FF, #B684BF, #00696E, #412741)
• Pale Periwinkle Bloom color palette (#E9F1EB, #B3D8F6, #63A8F4, #008EA2, #172860)
• Tempered Chapel color palette (#FAEAE0, #459CB6, #004E79, #00302B, #020D3B)

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