Worn Fern color palette — #E9F3FF · #567BB8 · #336721 · #00483D · #021520

Olive and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Slate (#567BB8): A full-bodied, balanced violet — the color of wild irises.
• Olive (#336721): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#00483D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#021520): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Worn 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 Harbor color palette (#F0F0FF, #926CBE, #007066, #004C65, #0C1322)
• Washed Fern color palette (#E7F4FA, #008798, #7C5B00, #2E4E00, #00181B)
• Weathered Olive color palette (#FCF1FC, #719AE0, #558B3D, #00685A, #183025)
• Byzantium Terrace color palette (#F3EFFF, #A832AC, #005F69, #003F6B, #100527)
• Muted Blush Canyon color palette (#FAF1FF, #E081B0, #9B8737, #3C6333, #0A1729)
• Rust Workshop color palette (#FFF2EF, #B45E73, #7D5500, #004E4B, #3B242C)
• Hushed Courtyard color palette (#FFECF3, #D3818D, #9C5345, #4E4800, #2E1B2D)
• Hushed Mulberry Lagoon color palette (#E3DEF1, #8C3687, #004953, #002647, #020116)

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