Fern Orchard color palette — #F7F1E3 · #A2A56A · #5E6C31 · #4F4719 · #231B00

Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7F1E3): a clean, paper-quiet neutral.
• Sage (#A2A56A): A luminous, dusty green — the color of new leaves after rain.
• Olive (#5E6C31): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#4F4719): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#231B00): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Fern Orchard 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

• Antique Fern color palette (#F4F3E3, #A4BC94, #598157, #605600, #292910)
• Forest Summit color palette (#F1EFD7, #769A62, #2B632F, #00442D, #071700)
• Dusty Canyon color palette (#D8ECDD, #49B178, #007A59, #00523F, #002822)
• Fern Hollow color palette (#F0EAD6, #6F813B, #2E4E00, #2B2C00, #060900)
• Softworn Bronze Loft color palette (#E4EDD8, #30A87D, #AC6B00, #006547, #2B1700)
• Cobalt Market color palette (#DCE6D9, #009080, #0072BD, #596200, #071901)
• Washed Teal Study color palette (#C7FFF7, #4DBAAE, #007B73, #003F3A, #000E0C)
• Muted Terrace color palette (#E2FADC, #93E5E6, #74C8DE, #3B846F, #132812)

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