Weathered Petrol color palette — #FFF0F9 · #F3ABA0 · #AA8452 · #0D6D9B · #252F5B

Peacock takes the lead with Rose Quartz close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Rose Quartz (#F3ABA0): A luminous, balanced orange — the color of toasted spice.
• Caramel (#AA8452): A luminous, balanced gold — the color of old brass.
• Peacock (#0D6D9B): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#252F5B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged vintage, retro, 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

• Weathered Navy color palette (#F5F3FF, #F7B7DA, #C78573, #006A6D, #00345D)
• Moss Field color palette (#FFF1F1, #F7BF85, #83943E, #525591, #252060)
• Timeworn Station color palette (#FFF2EF, #FBCD9B, #99AB7F, #5A6D9C, #2A3D71)
• Bronze Alley color palette (#FFE2ED, #DC8676, #8E6E03, #1E4E78, #2D2F5C)
• Ancient Atelier color palette (#EFDFD6, #BCAB7F, #4E7A54, #443456, #2F0A2C)
• Onyx Loft color palette (#FDEBCE, #829464, #2C695A, #441B43, #100010)
• Pale Azure Studio color palette (#FFF3E7, #FFAC53, #0096D8, #985A00, #002134)
• Washed Driftwood Bloom color palette (#FCF1FF, #E9D8D8, #B4C8BA, #7E8EA4, #465467)

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