Softworn Pine color palette — #E9F9F5 · #86A581 · #2F7344 · #175744 · #183D38
Pine and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E9F9F5): a clean, paper-quiet neutral.
- Moss (#86A581): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#2F7344): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#175744): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#183D38): 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
- Lagoon Lantern color palette (#D8E9E7, #559C7C, #006450, #00445C, #003031)
- Pale Moss color palette (#D8F3E5, #8B9C2C, #466600, #004E47, #2B3202)
- Antique Lagoon color palette (#ECF8F7, #85BBBC, #12866D, #38616A, #2E4848)
- Dusty Teal Ridge color palette (#EAFAED, #C3D1A1, #79AE8B, #558D9C, #1C3D33)
- Antique Ultramarine color palette (#E4F0FF, #5A8EDA, #008F5F, #0252AF, #004128)
- Cypress Lantern color palette (#D2EDEE, #007E66, #00413A, #00282A, #00140E)
- Airy Plum Parlor color palette (#D9E4FF, #6B6DCA, #AB3B80, #006677, #202A46)
- Dusty Boulevard color palette (#F1F5FF, #D5CBFC, #D0A0F4, #566B9D, #3A4057)
Browse the whole catalog at Explore, or see today's palette.