Weathered Petrol color palette — #F0F6FC · #99C4F5 · #B2616E · #3B6FAA · #342A35

Slate takes the lead with Mocha close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Sky (#99C4F5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Mocha (#B2616E): A full-bodied, balanced red — the color of embers at dusk.
• Slate (#3B6FAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#342A35): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Tempered Driftwood Orchard color palette (#EEF7FB, #8FCBDF, #9868A5, #157993, #2E2C36)
• Patina Bronze color palette (#F3F4FC, #C8B6E9, #B36549, #775F9C, #362932)
• Dusty Ash Terrace color palette (#F2F5FD, #C7CDFF, #B68AB7, #8288B9, #2E2C36)
• Patina Lantern color palette (#E8FAF6, #99A4D6, #98628F, #3B644B, #444658)
• Wandering Lantern color palette (#EFF6FF, #B6B2E7, #A270B2, #7D4265, #702F3D)
• Hushed Terracotta Garden color palette (#F3F4FF, #8C7AB4, #974C40, #375D2A, #2A323D)
• Timeworn Drift color palette (#F3F5FB, #DDD8DF, #BDA7A1, #7C7EA7, #505258)
• Dusty Ultramarine Courtyard color palette (#F0F5FF, #839AFA, #B62400, #353BC9, #2A1425)

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