Softworn Fern color palette — #E4F2ED · #C0D5D5 · #88ADB9 · #425600 · #000302

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

The five colors

• Cream (#E4F2ED): a clean, paper-quiet neutral.
• Oat (#C0D5D5): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#88ADB9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Deep Olive (#425600): A full-bodied, balanced green — the color of new leaves after rain.
• Black (#000302): quiet, heavy and certain.

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

• Muted Boulevard color palette (#DFEBE8, #88A7A4, #628385, #273E00, #000604)
• Forest Lagoon color palette (#CFE8D8, #7A9964, #005C43, #342A00, #000200)
• Ancient Cypress color palette (#ECF7FB, #D6D9E4, #ACBBDB, #006D72, #000F15)
• Olive Parlor color palette (#F1F1E4, #A6B4A7, #7FA38F, #568004, #161505)
• Deep Forest color palette (#D0EBE9, #005D32, #43474E, #111D20, #000708)
• Onyx Grove color palette (#C1E7EB, #007963, #004739, #230034, #010200)
• Timeworn Olive color palette (#F7DDF8, #7A7C00, #004E49, #360026, #000200)
• Lagoon Harbor color palette (#EEF7F9, #D7DAE2, #BCA8A6, #009E98, #223135)

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