Dusty Fern color palette — #F7F6E9 · #A8B593 · #248284 · #645B07 · #364B02

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

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Sage (#A8B593): A luminous, dusty green — the color of new leaves after rain.
• Teal (#248284): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#645B07): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#364B02): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Dusty 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 Cypress color palette (#FBF4E9, #B5B18F, #428360, #1E6375, #4B4400)
• Feathered Station color palette (#F5F7E9, #9ED2B8, #26A493, #717830, #364B02)
• Lagoon Study color palette (#E5F6F3, #8AC2A6, #078878, #385D58, #0B2D2E)
• Fern Pier color palette (#FFF2EB, #B19673, #66671C, #543F6F, #39352F)
• Tempered Amber color palette (#E9FAEF, #4EAEC6, #BC764A, #007287, #5F371C)
• Seafoam Field color palette (#E7FAF4, #A1E7C5, #76BABB, #74998E, #304748)
• Antique Lagoon color palette (#E7FBEE, #EAD8D2, #E6BDEF, #3D9378, #38594F)
• Washed Bronze color palette (#E3FCF0, #3C94B9, #B66122, #7E5C00, #1D4032)

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