Soft Pine color palette — #EAEEFF · #9380CF · #A37800 · #117431 · #21243D

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

The five colors

• Frost (#EAEEFF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender Blue (#9380CF): A luminous, balanced violet — the color of wild irises.
• Ochre (#A37800): A full-bodied, balanced gold — the color of old brass.
• Olive (#117431): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#21243D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Antique Lagoon color palette (#E5EFFF, #6B8FD0, #B36D32, #636500, #122643)
• Patina Wisteria color palette (#EFEBFF, #B870BA, #7B892A, #007162, #292040)
• Weathered Thicket color palette (#F3F4FF, #9B6AC3, #846900, #005C39, #092236)
• Patina Pier color palette (#FFF0F7, #A585FC, #B0802A, #406D35, #230C18)
• Fern Coast color palette (#DFF5E3, #C987C5, #B15668, #2C6419, #472238)
• Misty Veranda color palette (#FFE6F4, #BAB8FF, #7C9930, #498961, #331F2B)
• Peony Veranda color palette (#EADEFF, #E55AC4, #457600, #00665E, #38062E)
• Soft Byzantium Thicket color palette (#E0E2F9, #8550B8, #765D00, #00502F, #160028)

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