Weathered Petrol color palette — #FFF4E2 · #F6C086 · #97964D · #006B9B · #35312B

Peacock and Cantaloupe set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cantaloupe (#F6C086): A whisper-light, balanced gold — the color of old brass.
• Moss (#97964D): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#006B9B): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#35312B): a grounded near-black with real depth.

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

• Aged Amber color palette (#FFF4E2, #FFB6B4, #BC8455, #00736E, #37302C)
• Jade Cabin color palette (#FFF4E2, #C8D395, #52A675, #5F599A, #32322B)
• Powdered Denim color palette (#FEF3E7, #E1B16E, #449D7A, #1A5BA5, #441834)
• Hushed Taupe color palette (#FFF3E5, #FFB294, #9FAE5A, #747CB8, #413C36)
• Worn Study color palette (#E4FDE9, #CB8732, #6F6D2D, #1E5372, #2F4333)
• Tempered Teal Hollow color palette (#F8F5EB, #CDE5C7, #77AD83, #976A58, #393932)
• Tempered Basalt color palette (#FFF3E3, #D5E0BF, #ACAF91, #8C748E, #623D50)
• Worn Aubergine color palette (#FFEBCC, #32A167, #006162, #4A004D, #000503)

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