Weathered Petrol color palette — #E9F3FF · #90B6E5 · #B59762 · #4F74A1 · #1D3822

A conversation between Slate and Sky, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Sky (#90B6E5): A luminous, dusty blue — the color of deep harbor water.
• Camel (#B59762): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#4F74A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#1D3822): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Pewter Chapel color palette (#EFF1FE, #BBA9D8, #8EA66E, #7B649D, #053A30)
• Muted Petrol color palette (#E6F4FF, #83BBDE, #C48F6D, #38799D, #452536)
• Ancient Cerulean color palette (#EAF3FF, #D9D5E2, #B0A49C, #6988A1, #384051)
• Soft Cobalt color palette (#FAF2FB, #C2A4C5, #B59260, #2B74C1, #6A4400)
• Cobalt Studio color palette (#FDF1FD, #A5C7F2, #D1A973, #548FD4, #614824)
• Driftwood Veranda color palette (#EAF3FF, #7F9DD0, #BB7977, #60835A, #1C2839)
• Driftwood Corridor color palette (#FEECF7, #CFB2BE, #99778C, #684E65, #223021)
• Ultramarine Terrace color palette (#ECF2FF, #7E8CFC, #988200, #4548BC, #272000)

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