Weathered Petrol color palette — #FEF3EB · #D29D7E · #858A49 · #3D6EA4 · #37312C

Slate and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF3EB): bright and airy, almost weightless.
• Camel (#D29D7E): A luminous, dusty gold — the color of afternoon light on wheat.
• Moss (#858A49): A luminous, balanced green — the color of fresh herbs.
• Slate (#3D6EA4): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#37312C): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Timeworn Study color palette (#F9F5E9, #ABAA78, #4C9677, #735A9A, #39362F)
• Patina Pier color palette (#FCF3F0, #D08A8A, #B17A5F, #007875, #422E2C)
• Worn Cocoa color palette (#FEF3E6, #E1B1A3, #A29162, #5F6C9E, #6E3709)
• Weathered Apricot color palette (#FFF2EC, #FB9B84, #68B396, #5F8DB1, #412F32)
• Wandering Archive color palette (#FCF2F2, #D49EC0, #539E7D, #855489, #5C353D)
• Ancient Apricot color palette (#FFF0FB, #FFA39C, #329AB0, #31707F, #212734)
• Patina Coast color palette (#FAF4F0, #DBDBD3, #AAB5AE, #C18D7D, #5B504A)
• Fern Archive color palette (#F8F0E8, #C0915B, #665800, #3C3731, #28201C)

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