Softworn Pine color palette — #FCF3F0 · #BCEAF3 · #3AB5E2 · #1E8346 · #172F4E

A conversation between Fern and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3F0): a clean, paper-quiet neutral.
• Frost (#BCEAF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#3AB5E2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#1E8346): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#172F4E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Antique Aqua Bloom color palette (#EDF9EF, #B1EDEF, #48C4DD, #489D87, #183F55)
• Periwinkle Pier color palette (#F9F4EF, #C3E2F6, #8EA1EC, #007F80, #34264A)
• Hushed Forest color palette (#FAF2F8, #A2CDDB, #34839B, #006343, #113E5D)
• Hushed Lagoon color palette (#FBF3F1, #C4DEE2, #A5C6F1, #719F77, #574758)
• Jade Meadow color palette (#FFF0F8, #A795F8, #00B271, #00908F, #2D0F20)
• Denim Orchard color palette (#EFDDD6, #53B2BB, #005C7E, #002D17, #000106)
• Cobalt Parlor color palette (#FFF2EC, #87DBE8, #0084BA, #005436, #01062E)
• Dusty Ultramarine Field color palette (#F9EBE1, #79C1E5, #145FD0, #003E38, #030011)

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