Dusty Fern color palette — #FFF3E7 · #A99A73 · #486F34 · #613C5E · #38352E

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Taupe (#A99A73): A luminous, dusty gold — the color of honey in a jar.
• Olive (#486F34): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#613C5E): A full-bodied, dusty pink — the color of peonies in June.
• Espresso (#38352E): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, 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

• Quiet Courtyard color palette (#FFF4E0, #95AD71, #1A7C53, #584184, #314115)
• Hushed Cypress Field color palette (#FCF4E7, #9E9D7A, #167454, #00536B, #36362F)
• Washed Aubergine color palette (#EAE4D8, #789666, #00644C, #4F2B64, #2C2B01)
• Cypress Drift color palette (#FBF4EA, #B5B18E, #468261, #764D4A, #4B4300)
• Emerald Study color palette (#FAF5E7, #A9BD88, #4B9448, #3E678A, #36362F)
• Hazy Garnet Harbor color palette (#F2EBD8, #6DA168, #006A59, #7F0030, #063904)
• Patina Corridor color palette (#FEF2EE, #B5CCB9, #0083B0, #006437, #243A5E)
• Cobalt Lagoon color palette (#FFF1F4, #FFD1D7, #D2A067, #5967AD, #57302D)

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