Worn Petrol color palette — #F7ECE2 · #7FB8E3 · #4E63A9 · #00504F · #32254B

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

The five colors

• Cream (#F7ECE2): a clean, paper-quiet neutral.
• Sky (#7FB8E3): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4E63A9): A full-bodied, balanced violet — the color of wild irises.
• Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#32254B): A deep, shadowed, dusty violet — the color of wild irises.

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

• Muted Petrol color palette (#FAEBE5, #6DC1C6, #007296, #005329, #182E4D)
• Softworn Pier color palette (#DBEDED, #99B7D2, #226DB5, #004760, #001339)
• Gentle Balcony color palette (#EDF0E5, #9ED1C1, #3C8AD6, #006788, #122D56)
• Ancient Cobalt Veranda color palette (#FFF2EC, #88DEEC, #1F88BE, #006A46, #293D6E)
• Powder Loft color palette (#D4FFEE, #C2BAFF, #B97DA8, #006D68, #442B3F)
• Timeworn Courtyard color palette (#F8EAEF, #B9D7F1, #75A1FF, #008F9C, #2B2557)
• Hushed Cobalt Canyon color palette (#CCE1F5, #0070B3, #7B5700, #494B03, #00213A)
• Airy Navy color palette (#F8EAE0, #209DC3, #00498A, #003128, #10083A)

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