Weathered Petrol color palette — #F5D4DE · #AF6E00 · #006FB2 · #673E00 · #002B4A

Royal Blue and Ochre set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#F5D4DE): A whisper-light, dusty rose — the color of strawberry cream.
• Ochre (#AF6E00): A full-bodied, balanced gold — the color of honey in a jar.
• Royal Blue (#006FB2): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#673E00): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#002B4A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Sapphire Field color palette (#CCE6D2, #9E7900, #4B60C1, #5C4500, #1B2451)
• Washed Summit color palette (#F4DDE4, #C27C23, #005CAC, #653B00, #00122A)
• Rust Summit color palette (#F1D4E8, #D44A1C, #007690, #822200, #002E3A)
• Powdered Cobalt color palette (#F4D9BB, #DF9839, #007AC8, #8A5600, #002B4B)
• Ultramarine Lantern color palette (#D9F0DF, #856A00, #2940D4, #473700, #070E4E)
• Faded Grape Corridor color palette (#C8E6DA, #889721, #6936BA, #464F00, #2D1D4D)
• Aubergine Study color palette (#E0F7E0, #8F6100, #006C6D, #692E7E, #2D1B00)
• Chalky Taupe Villa color palette (#E7FBF0, #AEA23E, #8280C9, #716713, #3E3E62)

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