Fern Orchard color palette — #ECE9E0 · #CBCDC3 · #97AA91 · #5B5800 · #1B1505

A conversation between Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Parchment (#ECE9E0): bright and airy, almost weightless.
• Oat (#CBCDC3): a calm mid-gray that lets other colors speak.
• Sage (#97AA91): A luminous, dusty green — the color of new leaves after rain.
• Olive (#5B5800): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#1B1505): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Olive Alley color palette (#F3F2EC, #CFD9D1, #ACBDAB, #5F6D00, #232116)
• Hushed Fern color palette (#E2E2D6, #AFB6A7, #7C9581, #324D00, #0D0B00)
• Garnet Courtyard color palette (#F9E4D9, #9B8C69, #32705E, #622824, #361300)
• Cypress Corridor color palette (#EEF3EE, #C9DBDB, #CFB7C9, #007B7C, #1A291B)
• Spruce Cabin color palette (#E3E9E1, #84918A, #796278, #00312C, #000200)
• Hushed Aubergine color palette (#FBDACD, #8F7600, #005A45, #4D004A, #0B1100)
• Muted Fern Lantern color palette (#E1E4C5, #1E6600, #58514A, #001F1D, #010800)
• Feathered Moss Lantern color palette (#F4F0D1, #E29D49, #69A917, #007D8C, #001602)

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