Weathered Petrol color palette — #F8F3F8 · #E5D4D8 · #C4AABC · #33669F · #413741

A conversation between Peacock and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#E5D4D8): a clean, paper-quiet neutral.
• Rosewood Mist (#C4AABC): A luminous, dusty pink — the color of peonies in June.
• Peacock (#33669F): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#413741): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Aged Study color palette (#F0F7F3, #CBDEDE, #9ABCB1, #006F89, #333D38)
• Weathered Grape Delta color palette (#FCF2F6, #E3CBD2, #BD97C5, #693BAB, #3D2E34)
• Aged Field color palette (#FAF3F5, #E1D7D5, #AFAEA1, #8C789F, #594F53)
• Antique Plum Coast color palette (#FBF3F4, #E9D6CD, #D6B2AF, #964791, #4D3A3C)
• Patina Summit color palette (#E8DFE7, #C5B3BF, #A18495, #163B94, #281927)
• Pewter Pier color palette (#F6D4E2, #AE92C0, #95638D, #73453B, #4E3D00)
• Violet Thicket color palette (#FFF0FB, #A0CBFF, #7692FF, #805FD5, #43253A)
• Wandering Summit color palette (#F6EBEB, #DAC7C5, #BE958E, #842E6A, #39292A)

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