Worn Petrol color palette — #EBF9F4 · #E2BBA0 · #43779E · #154667 · #0F2720

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

The five colors

• Ivory (#EBF9F4): a clean, paper-quiet neutral.
• Sand (#E2BBA0): A luminous, dusty gold — the color of honey in a jar.
• Slate (#43779E): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#154667): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#0F2720): A deep, shadowed, dusty teal — the color of sea glass.

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

• Washed Orchard color palette (#FCF2F8, #CFC599, #696AA8, #3D3D68, #291D25)
• Hushed Denim color palette (#EDF7FD, #8ABE8E, #005978, #003347, #1A1D26)
• Hushed Workshop color palette (#F9F3F8, #E1D8D7, #D1BDB6, #7B8DC2, #4F434D)
• Aged Celadon color palette (#ECF9F1, #B3E6A4, #5C9FB7, #4B6C5B, #18251E)
• Tempered Cobalt Cabin color palette (#EEF8F4, #9BCBEC, #C47194, #0089C8, #341C1B)
• Weathered Ultramarine color palette (#F4DCF2, #D7A03F, #0F51C1, #002571, #1B051B)
• Weathered Aubergine Quarry color palette (#E8D9E0, #82B477, #5E4096, #2F1A53, #19020E)
• Quiet Archive color palette (#FFF0F8, #9B90DB, #BA606F, #556000, #112D24)

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