Soft Pine color palette — #EEDCC0 · #007B39 · #004744 · #3D0047 · #001C12

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

The five colors

• Bone (#EEDCC0): A whisper-light, dusty gold — the color of old brass.
• Olive (#007B39): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004744): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#3D0047): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#001C12): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, 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

• Muted Onyx color palette (#F0E4D2, #00766B, #004456, #470029, #001B1C)
• Wandering Aubergine Dune color palette (#EEDFC9, #5F6F00, #00492C, #280065, #0A1B00)
• Weathered Olive color palette (#F9D9D4, #557000, #004448, #3E001C, #000802)
• Muted Garnet color palette (#FAE1BA, #009184, #005B74, #69003D, #003032)
• Softworn Moss color palette (#F9E7FF, #609200, #00646D, #69003C, #001C0E)
• Washed Quarry color palette (#EEE5D8, #88A88E, #006275, #003F35, #002333)
• Soft Station color palette (#D8E8CA, #6DB93B, #009161, #00656D, #001613)
• Abyss Market color palette (#F4E6D0, #00555D, #002641, #220005, #000406)

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