Softworn Pine color palette — #E9F6EC · #9DA66D · #487044 · #3F4364 · #052219
Olive and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E9F6EC): a clean, paper-quiet neutral.
- Sage (#9DA66D): A luminous, dusty green — the color of fresh herbs.
- Olive (#487044): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#3F4364): A deep, shadowed, dusty violet — the color of a velvet chair.
- Onyx (#052219): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Softworn 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
- Lime Balcony color palette (#DBFBE7, #92B74E, #2A7D49, #673E4D, #00271F)
- Cypress Corridor color palette (#FDF4E6, #97A075, #3F6F4E, #4C446B, #37362F)
- Hushed Station color palette (#D0E5DA, #719B5F, #006545, #462E4C, #001713)
- Moss Quarry color palette (#FCF5E0, #CBD98C, #79954B, #69615E, #2D280F)
- Ancient Cerulean Veranda color palette (#F9EEF6, #A1CFE4, #3285AF, #005D4E, #0D2139)
- Sand Balcony color palette (#FFEBF7, #FED091, #AFB779, #945C70, #341D27)
- Pine Corridor color palette (#DFF6EE, #007D33, #004034, #330932, #000401)
- Timeworn Ember color palette (#FEDFF2, #E2663B, #008B9F, #8A381A, #002127)
Browse the whole catalog at Explore, or see today's palette.