Weathered Petrol color palette — #EFF7F5 · #F1D8D9 · #D3B2B8 · #156EB3 · #2C463F

Royal Blue takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Shell Pink (#F1D8D9): A whisper-light, dusty red — the color of late-summer berries.
• Rosewood Mist (#D3B2B8): A luminous, dusty red — the color of embers at dusk.
• Royal Blue (#156EB3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#2C463F): A deep, shadowed, dusty teal — the color of sea glass.

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

• Indigo Field color palette (#FAF3F6, #EBD6CD, #D7B2A9, #6F5BA5, #483C41)
• Antique Cypress Alley color palette (#F1F7F2, #C8E0E1, #D2B0C8, #007A7D, #39433A)
• Ancient Boulevard color palette (#EBF3FD, #D9D4EA, #B9BED6, #3E6CA8, #1D2631)
• Hushed Denim Ridge color palette (#F3ECF3, #D8C7CE, #BA9699, #1E51A0, #352A34)
• Dusty Quarry color palette (#FBF3F4, #E0D9D3, #A3B2A3, #947697, #595051)
• Softworn Periwinkle color palette (#F0F6FD, #DCD7E6, #C1A6A6, #73A8E3, #324152)
• Driftwood Corridor color palette (#BCEEFF, #9BA8D4, #9F6B8E, #3F6342, #0D4D42)
• Quiet Pier color palette (#E7FBED, #008DA2, #A12500, #004D27, #00322E)

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