Weathered Petrol color palette — #FAF4EB · #9F8246 · #00729A · #504171 · #3B3431

Peacock and Caramel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Caramel (#9F8246): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#00729A): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#504171): A full-bodied, dusty violet — the color of wild irises.
• Espresso (#3B3431): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Petrol Lagoon color palette (#F6F6EA, #6B8B4D, #5562AA, #6C3A51, #36312C)
• Bronze Garden color palette (#FFF2EC, #B5664C, #007965, #2B4B7B, #442F31)
• Tempered Moss color palette (#F8F1E4, #A29326, #486D9E, #2D496E, #261819)
• Marigold Lantern color palette (#E9FAF2, #BBA13B, #608CB9, #53708F, #352D3A)
• Ancient Grove color palette (#FDF4E6, #ACAC6A, #4D8656, #505581, #494841)
• Airy Lagoon color palette (#FDF5DA, #747200, #005197, #620064, #3F1A07)
• Aged Grove color palette (#F7F5EF, #D7DDD4, #9CB1B4, #997E38, #55524A)
• Weathered Moss color palette (#FFF4DE, #BEC290, #71934F, #306C44, #005544)

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