Soft Pine color palette — #E5DFC9 · #779700 · #007E22 · #005160 · #050E00

Olive and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#E5DFC9): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#779700): A luminous, balanced green — the color of new leaves after rain.
• Olive (#007E22): A full-bodied, vivid green — the color of fresh herbs.
• Peacock (#005160): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#050E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Hushed Emerald color palette (#E0E2C2, #489700, #00746B, #004A67, #0C0600)
• Dusty Bronze Loft color palette (#F6EEDD, #A38600, #656F00, #00534E, #0E0B00)
• Hazy Aubergine color palette (#F6DCC6, #7F7300, #005939, #43005C, #080E00)
• Nightshade Pier color palette (#E9E8D1, #00A07C, #007874, #093AA6, #000F0B)
• Weathered Veranda color palette (#D0EAD7, #55A88C, #428581, #2F5E8B, #131B44)
• Lime Villa color palette (#E6EAAF, #7ACA00, #00A95E, #007798, #083301)
• Obsidian Fern Boulevard color palette (#EBEDDC, #465F00, #003A11, #00171E, #010200)
• Weathered Canyon color palette (#DDE1CC, #7BBAD2, #008FBF, #006B78, #001625)

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