Fern Terrace color palette — #F8F1DF · #9FA577 · #5C6B3B · #653834 · #221C04

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

The five colors

• Cream (#F8F1DF): A whisper-light, dusty gold — the color of old brass.
• Sage (#9FA577): A luminous, dusty green — the color of fresh herbs.
• Olive (#5C6B3B): A full-bodied, dusty green — the color of new leaves after rain.
• Cocoa (#653834): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#221C04): A deep, shadowed, dusty 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 Fern Terrace 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

• Ancient Cypress Terrace color palette (#EFF5E2, #7BAD95, #17755F, #613E00, #172006)
• Antique Drift color palette (#EBF9EE, #99A070, #3E7136, #4E4271, #153E31)
• Ancient Villa color palette (#FCF4E8, #CED6A3, #6C9763, #7B5768, #2E280F)
• Washed Bronze Delta color palette (#FFEEE4, #E0996C, #9D5011, #562500, #160600)
• Weathered Olive color palette (#ECF9F2, #94BFAE, #748A44, #914D47, #173E30)
• Faded Terracotta Station color palette (#F7E5DB, #D57050, #528E32, #942D00, #0B2300)
• Hushed Fern color palette (#E4DFC8, #698338, #255002, #461A0D, #050A00)
• Bronze Drift color palette (#F6E1D2, #BB5E26, #6E7500, #833F6C, #230D00)

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