Softworn Fern color palette — #E5F1EE · #BCD6D4 · #85AFB3 · #315A00 · #000303

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

The five colors

• Cream (#E5F1EE): bright and airy, almost weightless.
• Oat (#BCD6D4): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#85AFB3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Deep Olive (#315A00): A full-bodied, balanced green — the color of new leaves after rain.
• Black (#000303): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Softworn Fern 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

• Dusty Spruce color palette (#E4E3D9, #9AA48D, #6B836E, #2C3D00, #050400)
• Hushed Grove color palette (#E4F1F2, #ACBFC3, #7A97A2, #004833, #000202)
• Timeworn Forest Lagoon color palette (#CCE9DD, #769A61, #005E2F, #2A2E00, #000200)
• Petrol Pier color palette (#EFF6FA, #D3DAEA, #ABBDD0, #006C7A, #010F16)
• Olive Parlor color palette (#E0EEE9, #9DB5C0, #74A4BD, #607E00, #001913)
• Worn Forest color palette (#D2E7E7, #595951, #005D3C, #141D21, #000706)
• Faded Aubergine color palette (#E1F6E5, #56A294, #00677A, #4A0C4F, #24000B)
• Pine Balcony color palette (#CDEEEA, #007D2A, #00415E, #28002B, #030100)

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