Softworn Pine color palette — #FAF3F8 · #D4D4E3 · #55B1E2 · #008452 · #172C57

Fern takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Silver (#D4D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#55B1E2): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008452): A full-bodied, balanced teal — the color of sea glass.
• Navy (#172C57): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Wandering Pine color palette (#FBF1FD, #BBFDFA, #00AAD1, #007923, #002547)
• Lilac Lantern color palette (#FCF2F5, #D9D3DD, #959EED, #007E85, #38234B)
• Sky Summit color palette (#FAF4EB, #AEEDF6, #0CC4F1, #00A291, #133F57)
• Wandering Cerulean color palette (#F0F5FF, #DFD8E2, #9DBAB0, #209EB8, #282B4B)
• Forest Meadow color palette (#FEF2ED, #8DD2DC, #3481A9, #00633F, #2A3A5B)
• Softworn Jade Lantern color palette (#F8F3F8, #D4D5E3, #AEC7F6, #64A27C, #404E63)
• Denim Loft color palette (#E6DBE3, #66AFBE, #005A89, #002D1E, #00000B)
• Wandering Cobalt Alley color palette (#FEF1F9, #9ED6E7, #2D7FC1, #005341, #070035)

Browse the whole catalog at Explore, or see today's palette.