Weathered Petrol color palette — #EFF7F3 · #ECD6DB · #D5AEBC · #00698B · #001109

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

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Silver (#ECD6DB): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#D5AEBC): A luminous, dusty rose — the color of a warm blush.
• Peacock (#00698B): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#001109): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Hushed Denim color palette (#FCF2F8, #E7D5D1, #D6B0AD, #5055A5, #150711)
• Antique Denim color palette (#E1EFEA, #BCADBD, #9C8599, #004870, #010E0A)
• Softworn Cerulean Summit color palette (#D4E0EA, #BEBDD4, #A9A1BC, #4388B2, #14212B)
• Antique Dune color palette (#FAF2FA, #E7D7D6, #C2AC93, #3E78E5, #301D2E)
• Smoked Ultramarine Terrace color palette (#F2D9F0, #004EDD, #1E0030, #050D10, #030003)
• Timeworn Periwinkle Corridor color palette (#D7F0F4, #7FA1DD, #875B84, #374703, #131B00)
• Tempered Aubergine Courtyard color palette (#E5DDE1, #CAB4B8, #AA8983, #3A2387, #040002)
• Amber Quarry color palette (#FFF2EB, #C69A4B, #5F6600, #462C65, #0D0600)

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