Softworn Pine color palette — #F1F2EC · #CDDAD4 · #A7BEB0 · #387436 · #202212
A conversation between Olive and Ash, giving this palette its sense of nature and growth.
The five colors
- Cream (#F1F2EC): bright and airy, almost weightless.
- Silver (#CDDAD4): a clean, paper-quiet neutral.
- Ash (#A7BEB0): A luminous, dusty teal — the color of sea glass.
- Olive (#387436): A full-bodied, balanced green — the color of a quiet forest floor.
- Onyx (#202212): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Aged Terrace color palette (#F4F6EF, #D2DCD6, #A4BBA1, #2F7442, #374000)
- Cypress Field color palette (#EEF4EC, #C3DACE, #BFA0BB, #006A63, #101E0D)
- Muted Station color palette (#ECDEC9, #9FA485, #5F7E67, #614219, #342109)
- Emerald Parlor color palette (#EFF7F6, #D3DCE1, #C6C1CB, #579C67, #233230)
- Abyss Hollow color palette (#E8EAE4, #ABB7AA, #719786, #005227, #090C01)
- Cypress Corridor color palette (#E3EDDC, #007662, #012D1C, #051000, #020200)
- Quiet Garnet color palette (#FBE3DC, #809441, #00696A, #6F001D, #001F08)
- Abyss Grove color palette (#E3EADF, #95A49A, #88748A, #004036, #010600)
Browse the whole catalog at Explore, or see today's palette.