Weathered Petrol color palette — #FFF4DE · #DDE8B2 · #83AE8B · #6176A1 · #45365F

Slate takes the lead with Celadon Mist close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Celadon Mist (#DDE8B2): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#83AE8B): A luminous, dusty teal — the color of glacier melt.
• Slate (#6176A1): A full-bodied, dusty violet — the color of wild irises.
• Navy (#45365F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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

• Patina Study color palette (#FFF2EE, #F8D0AB, #A8A678, #217F93, #194772)
• Patina Lagoon color palette (#F8E0BB, #A9B476, #4A925C, #455988, #4D4166)
• Washed Garnet Villa color palette (#E6FFD2, #B4EBEC, #70B8BD, #7C5D8C, #683350)
• Basalt Bloom color palette (#DAF0D1, #50A283, #00727A, #4C2356, #1D000E)
• Softworn Harbor color palette (#FFF7C8, #B0C895, #65A083, #4A5675, #392546)
• Aged Basalt Workshop color palette (#DEFCFC, #D2DFEC, #BAC2D3, #8D8597, #584959)
• Mulberry Pier color palette (#DEFFE5, #98DECE, #5699AD, #854680, #5F0F2C)
• Wandering Driftwood color palette (#FFD7E4, #EBC198, #A0B672, #B676A0, #6B2E46)

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