Weathered Pine color palette — #FFF0D9 · #FF9884 · #B68500 · #007E30 · #010100

Olive takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF0D9): A whisper-light, dusty gold — the color of old brass.
• Melon (#FF9884): A luminous, balanced orange — the color of toasted spice.
• Mustard (#B68500): A luminous, balanced gold — the color of old brass.
• Olive (#007E30): A full-bodied, balanced green — the color of new leaves after rain.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Weathered Pine 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

• Feathered Loft color palette (#FFEBDF, #FF92B8, #D76F00, #757700, #020100)
• Pale Moss Workshop color palette (#F6F1D0, #FEA546, #89A900, #007761, #010200)
• Misty Pier color palette (#E9E2D0, #FF839B, #CF9500, #00A27B, #070900)
• Amber Lantern color palette (#EBE0B8, #E18900, #798200, #006359, #000200)
• Timeworn Pine color palette (#FCE1CF, #918E44, #267543, #3B2A4C, #0B0017)
• Rose Workshop color palette (#E1F1DF, #E14B65, #986700, #006140, #010100)
• Hushed Bronze color palette (#F6E6CA, #968600, #4C5600, #012804, #000802)
• Aged Moss color palette (#E7E1CB, #60A14D, #005C41, #491723, #010100)

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