Weathered Petrol color palette — #E9EFF4 · #9F9FAB · #8D8399 · #006C92 · #000B15

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

The five colors

• Cream (#E9EFF4): bright and airy, almost weightless.
• Blue Fog (#9F9FAB): soft and architectural.
• Slate Blue (#8D8399): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#006C92): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#000B15): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Patina Denim color palette (#DEE9E4, #97A9A4, #957D94, #004B6D, #000D08)
• Wandering Lapis Cabin color palette (#DADFEA, #A49DA8, #9E8098, #5253BC, #040816)
• Washed Terrace color palette (#DDE7E2, #9A869A, #7C6271, #002E40, #000201)
• Washed Fern color palette (#DFF3F7, #6789B2, #6F5F8B, #464F00, #001807)
• Cypress Lantern color palette (#DFF0EC, #5A9875, #007268, #004F6B, #000803)
• Indigo Workshop color palette (#E7EBF4, #C5BCCA, #BA9EB6, #6371E9, #191F2C)
• Lapis Lantern color palette (#ECEBCC, #0087A6, #4A3FC4, #403C00, #000409)
• Aubergine Thicket color palette (#D5F2FA, #008382, #84119B, #463300, #000202)

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