Soft Pine color palette — #F4F8E3 · #278837 · #584F96 · #633044 · #362B1B

A conversation between Olive Leaf and Indigo, giving this palette its sense of nature and growth.

The five colors

• Cream (#F4F8E3): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#278837): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#584F96): A full-bodied, balanced violet — the color of a velvet chair.
• Mulberry (#633044): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Espresso (#362B1B): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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

• Powdered Alley color palette (#FAF5E4, #7A8800, #3060A3, #62315D, #392617)
• Aged Orchard color palette (#EFF9E7, #00927C, #79438A, #652A25, #2B2818)
• Chalky Lagoon Villa color palette (#EFF9E8, #00A081, #47609F, #6E3046, #443706)
• Timeworn Lagoon color palette (#EEF4E8, #008A70, #385A93, #5B3059, #191001)
• Ancient Cypress Delta color palette (#F3F6EE, #D1DFD9, #B2C5C0, #4E8165, #464940)
• Hushed Garnet color palette (#D4F0DC, #006C7A, #77004A, #3F2200, #111500)
• Aged Coast color palette (#CBFDE4, #007355, #640093, #56000B, #171500)
• Cobalt Summit color palette (#E9F8FE, #00ADB0, #0384B4, #7C4165, #133327)

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