Softworn Pine color palette — #FBF3F1 · #CFE2CF · #5295AB · #297433 · #2B4A6A
A conversation between Olive and Storm Blue, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF3F1): a clean, paper-quiet neutral.
- Celadon Mist (#CFE2CF): A whisper-light, dusty green — the color of fresh herbs.
- Storm Blue (#5295AB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Olive (#297433): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#2B4A6A): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Washed Cypress color palette (#FAF4F0, #C5E5D4, #698DB4, #00735F, #5D3B52)
- Aged Forest Harbor color palette (#FDF3EE, #B3CCBA, #3F7FA8, #006343, #293862)
- Washed Cerulean color palette (#ECF4EE, #BAE5F0, #00A0AF, #0F6F53, #13303E)
- Dusty Turquoise color palette (#F9F4EE, #C5E5DB, #3EB7C6, #2C8D6D, #305040)
- Patina Onyx color palette (#F3E7E3, #589CA3, #00506F, #00321B, #000D3C)
- Dusty Indigo color palette (#FEF3E9, #A9D3FB, #6774D7, #00666A, #4B306A)
- Wandering Powder Boulevard color palette (#FAF2FB, #B8F9F6, #82C9E1, #7CA47C, #354A5F)
- Pine Dune color palette (#FFF1F1, #B17292, #798225, #17763C, #4F2D2C)
Browse the whole catalog at Explore, or see today's palette.