Weathered Petrol color palette — #FCE8F0 · #83B9DC · #4167A7 · #004F54 · #29294C

A conversation between Slate and Sky, giving this palette its sense of trust and stability.

The five colors

• Blush (#FCE8F0): A whisper-light, dusty rose — the color of pressed rose petals.
• Sky (#83B9DC): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4167A7): A full-bodied, balanced violet — the color of wild irises.
• Forest (#004F54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#29294C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Station color palette (#F1E5EA, #86BADD, #4865B8, #004B49, #190C32)
• Petrol Ridge color palette (#F9E9F4, #73C1C2, #00748C, #005235, #09314A)
• Washed Cobalt Corridor color palette (#F9ECE0, #98CCED, #6484CC, #006C67, #312256)
• Worn Corridor color palette (#FFF0FB, #91DDE6, #008CB5, #006951, #1D4265)
• Periwinkle Quarry color palette (#F4EEE4, #AFDFCE, #6BA7F1, #008EA4, #1B295B)
• Washed Denim color palette (#F6E6EF, #3D9CBA, #004D7B, #00302C, #040F37)
• Tempered Ash color palette (#FCF2F5, #DBDEEE, #839ABE, #4A7687, #4C5264)
• Gentle Plum Lantern color palette (#F5E1E5, #C4005B, #006E5F, #00585D, #2A1630)

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