Weathered Petrol color palette — #FCF3EE · #F9BBA5 · #85A578 · #06749E · #4B2B49

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

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Melon (#F9BBA5): A whisper-light, dusty orange — the color of autumn markets.
• Moss (#85A578): A luminous, dusty green — the color of fresh herbs.
• Slate (#06749E): A full-bodied, balanced blue — the color of deep harbor water.
• Royal Purple (#4B2B49): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Teal Villa color palette (#FFF1F1, #FAACD0, #60BE9C, #7782BD, #53394B)
• Washed Pine Thicket color palette (#FFF1F0, #F5B7D1, #B59464, #2A7C56, #163C57)
• Softworn Ash color palette (#FFF2EB, #DEDCCC, #BCC5AB, #7E9D8C, #584559)
• Nightshade Market color palette (#FAF5E6, #C3BF72, #009CA7, #684993, #4E1500)
• Ancient Amber color palette (#FFF0F9, #D47E60, #627949, #2E596F, #403F5C)
• Feathered Field color palette (#FFF3E7, #F89113, #009657, #005390, #40002F)
• Worn Aubergine Station color palette (#F8F7DD, #79AD00, #00788C, #540092, #2B0001)
• Teal Loft color palette (#F8F5EF, #C1DFE5, #9FC7F3, #52A294, #345549)

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