Soft Pine color palette — #FDF4E3 · #99AB68 · #007429 · #5B2741 · #060900

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

The five colors

• Cream (#FDF4E3): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#99AB68): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#007429): A full-bodied, balanced green — the color of a quiet forest floor.
• Mulberry (#5B2741): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Ink (#060900): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Soft 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

• Patina Quarry color palette (#F9F7DE, #70B486, #006F61, #632524, #000B03)
• Patina Garnet Delta color palette (#E6E2CB, #669E64, #005C46, #55041B, #000200)
• Softworn Market color palette (#D3E7D9, #688346, #005136, #3A1A44, #040A00)
• Pine Boulevard color palette (#FEF4E0, #AFC48B, #128D45, #605000, #1C1900)
• Tempered Fern color palette (#DCEDE3, #75813E, #245100, #501A15, #191D00)
• Aged Amber color palette (#FDE1CA, #C29400, #706100, #2A3900, #021000)
• Weathered Lime color palette (#EDFEC1, #87BB42, #5C6900, #1E2400, #010100)
• Byzantium Balcony color palette (#F7EED7, #B2A122, #9128DA, #584E00, #0E001C)

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