Softworn Fern color palette — #EFF8F3 · #5DA2BE · #955E6C · #326126 · #284B36

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

The five colors

• Ivory (#EFF8F3): a clean, paper-quiet neutral.
• Blue Fog (#5DA2BE): A luminous, balanced blue — the color of open sky before noon.
• Pewter (#955E6C): A full-bodied, dusty red — the color of a theater curtain.
• Pine (#326126): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#284B36): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

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

• Chestnut Terrace color palette (#EDF8F2, #62A3B7, #87608B, #685000, #004B58)
• Forest Terrace color palette (#FCF2F7, #9492BE, #9F5A52, #026532, #393E68)
• Aged Fern Hollow color palette (#FEF1F6, #A38CC0, #866C39, #625300, #004D4E)
• Olive Garden color palette (#DEFEF1, #CEB5C3, #A78587, #74762D, #40584F)
• Driftwood Alley color palette (#F8F4EF, #C8C1A6, #83863F, #7B5A6D, #5B4C00)
• Pale Bloom color palette (#DCFEF5, #0080DB, #A21C3B, #164D00, #00354A)
• Weathered Cypress color palette (#FAF4F0, #CEE4E0, #78A58F, #1A8164, #31524A)
• Powder Corridor color palette (#F0F6FF, #AEC6FF, #D69886, #808D65, #224B43)

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