Fern Orchard color palette — #D7E7DB · #9A8F44 · #585900 · #562C10 · #00170C

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

The five colors

• Parchment (#D7E7DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Moss (#9A8F44): A luminous, balanced green — the color of new leaves after rain.
• Olive (#585900): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#562C10): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#00170C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Tempered Pier color palette (#FBE5C8, #A77B00, #6F5500, #433800, #1A1700)
• Muted Forest color palette (#D4E9E5, #6C9B74, #00663F, #423900, #001805)
• Fern Villa color palette (#E6F6ED, #A0A476, #5C6D2A, #5F3949, #002317)
• Frosted Plum color palette (#D9EFDF, #9C7A00, #AD3773, #584300, #280015)
• Tempered Harbor color palette (#F3F2CD, #746E00, #006F58, #832A00, #0C0B00)
• Olive Meadow color palette (#EDE3D4, #B1A668, #787600, #80421C, #302900)
• Timeworn Jade color palette (#C4F6E1, #B3CD88, #7AB36E, #73650F, #191E00)
• Hushed Pewter Grove color palette (#E3F7F0, #90BEB5, #5D7F5C, #455B4A, #082E28)

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