Weathered Fern color palette — #FBF5E2 · #CBD7A8 · #93BB8C · #4699A9 · #4F4900

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

The five colors

• Cream (#FBF5E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#CBD7A8): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#93BB8C): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#4699A9): A luminous, balanced blue — the color of open sky before noon.
• Deep Olive (#4F4900): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

One click turns Weathered 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

• Worn Teal Balcony color palette (#F7F6E8, #A3E0C5, #6DBFB7, #6E8DBE, #3F4D36)
• Hushed Lagoon Corridor color palette (#FBF4E7, #EACBA0, #BCAF70, #499E83, #4B4741)
• Washed Pewter Thicket color palette (#FFF3E8, #D0BC8A, #739F77, #835E8F, #564600)
• Fern Balcony color palette (#F4F6ED, #D8E2C9, #89C4B0, #A49A73, #415611)
• Hushed Study color palette (#F4F3E4, #A8C185, #7D8139, #5E5600, #242219)
• Feathered Sapphire Atelier color palette (#F0F0D9, #7BCEAD, #00AEA6, #3870D2, #003A2F)
• Mint Courtyard color palette (#FDF6D2, #86D978, #00B981, #0084B7, #034119)
• Hushed Ash Corridor color palette (#F0F8E8, #C3E2D6, #B2C8B6, #B897B2, #614856)

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