Soft Pine color palette — #FFF4DB · #A8B57B · #388E58 · #00605B · #004662
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4DB): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#A8B57B): A luminous, dusty green — the color of fresh herbs.
- Fern (#388E58): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#00605B): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#004662): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, 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
- Hazy Archive color palette (#E6FBCD, #85BE89, #008C61, #00584C, #002A2C)
- Aged Navy color palette (#EEFDC7, #80B994, #008C81, #00586C, #143983)
- Jade Boulevard color palette (#E7FDC9, #A0D69A, #2EA876, #007A6D, #00474A)
- Hushed Corridor color palette (#FFF4DC, #B7E38B, #6FC795, #23949A, #00415F)
- Soft Forest color palette (#FFEDEA, #C9A576, #7A7510, #00611A, #00453B)
- Worn Market color palette (#FFF2EF, #999D55, #007A73, #753356, #3D3E37)
- Soft Villa color palette (#DEF4DF, #00A69D, #006276, #003478, #330060)
- Nightshade Bloom color palette (#C9FBBA, #25B896, #007986, #00497F, #32009E)
Browse the whole catalog at Explore, or see today's palette.