Weathered Petrol color palette — #EEF8F4 · #E4BAA2 · #44779D · #174666 · #0F2720

Built around Slate, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#EEF8F4): a clean, paper-quiet neutral.
• Sand (#E4BAA2): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#44779D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#174666): A deep, shadowed, dusty blue — the color of open sky before noon.
• 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 Weathered 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

• Weathered Cobalt color palette (#FEF1FA, #CAC792, #5F6DAA, #353E6C, #2A1C27)
• Dusty Orchard color palette (#ECF7FF, #C9AA6A, #005979, #003347, #171B29)
• Hushed Sand Hollow color palette (#EDF8F3, #F1D18E, #629EBB, #446D5C, #192420)
• Antique Iris Quarry color palette (#F8F3F8, #E4D8D7, #D2BDB4, #6690D1, #4D454C)
• Aged Ultramarine Cabin color palette (#F2DDF1, #E3983D, #0556B6, #002A64, #000E2A)
• Peony Pier color palette (#EFF7F3, #82D0F2, #BA73AC, #008DB6, #341C1F)
• Washed Lilac Summit color palette (#FFF1F6, #A289D6, #8A62A7, #6D5800, #372439)
• Olive Atelier color palette (#E6FBF3, #6BA6D0, #BE749C, #757300, #1E3931)

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