Softworn Pine color palette — #FFF2ED · #C2DCC6 · #569FC3 · #2D7D50 · #243A5F

Teal and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Celadon Mist (#C2DCC6): A whisper-light, dusty green — the color of new leaves after rain.
• Blue Fog (#569FC3): A luminous, balanced blue — the color of deep harbor water.
• Teal (#2D7D50): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#243A5F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Cobalt Bloom color palette (#F8ECE3, #A1D1BC, #5E87C6, #006D62, #2C2556)
• Lagoon Studio color palette (#FBF3EE, #C4E5E4, #7FA8D8, #318C7A, #5A3D4F)
• Hazy Teal color palette (#DDEADF, #3DC5AD, #00989F, #006D8C, #0F4065)
• Wandering Cerulean color palette (#EFF8F1, #A2CDDC, #0086A0, #006153, #00405A)
• Timeworn Ridge color palette (#FAF4EB, #AFEDF3, #51C2E0, #08A28C, #164435)
• Ancient Lagoon color palette (#E8FBEB, #CFE8FF, #D2B6E6, #5B9974, #1B4433)
• Coral Field color palette (#E0F5E4, #2CBDC8, #D87564, #00818A, #55251D)
• Ancient Cobalt color palette (#EEE1DA, #7EBDCB, #007CBB, #005C42, #111A45)

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