Worn Petrol color palette — #F0E6EB · #82BDD3 · #316EAA · #004D3E · #111132

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

The five colors

• Blush (#F0E6EB): a clean, paper-quiet neutral.
• Sky (#82BDD3): A luminous, dusty blue — the color of open sky before noon.
• Slate (#316EAA): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004D3E): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#111132): 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 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 color palette (#FBEDF3, #9AD0EF, #5E7BB2, #005C55, #191E39)
• Softworn Delta color palette (#E4F2F0, #80BBD3, #00719C, #004E5A, #00314E)
• Ultramarine Archive color palette (#F5E6EB, #61A3D6, #3949B6, #00393A, #100124)
• Ash Lantern color palette (#F8EFF3, #D7D1E6, #859EC2, #42747C, #2F3549)
• Cerulean Grove color palette (#EFE2EC, #009BAC, #004F72, #002D1B, #00001F)
• Misty Market color palette (#FFE9F3, #B91381, #006E63, #00505E, #11041C)
• Washed Amber color palette (#FFDDF0, #FFB9B9, #C3902C, #665389, #27172A)
• Softworn Navy color palette (#F7E9EE, #427FA6, #132B92, #001F1E, #020008)

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