Fern Courtyard color palette — #F7F6EB · #E0E0C3 · #99C396 · #8BA18D · #525000

Deep Olive and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F6EB): a clean, paper-quiet neutral.
• Celadon Mist (#E0E0C3): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#99C396): A luminous, dusty green — the color of fresh herbs.
• Taupe (#8BA18D): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#525000): A full-bodied, balanced green — the color of fresh herbs.

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

Use it as a design system

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

• Glacier Terrace color palette (#F5F6EF, #CAE7E0, #85D6E2, #62B2A9, #385142)
• Wandering Alley color palette (#FFF1F2, #E2D7D1, #E2B3BA, #B0B8A9, #604B4A)
• Antique Cabin color palette (#F1F8EA, #98D9C8, #3EB5AA, #5E8F80, #2B3B20)
• Olive Market color palette (#F5EFE2, #A9AC68, #738A00, #8D4F52, #211A00)
• Washed Driftwood color palette (#F7F0E9, #CCC3A6, #848841, #725A5F, #33312A)
• Washed Clover color palette (#F1EDCE, #9ED373, #26B520, #AB6748, #1E3505)
• Airy Pine color palette (#E2E3CE, #5C9A59, #00763D, #00525C, #000900)
• Wisteria Lantern color palette (#FFF1F3, #F3C1F8, #7DD4F6, #C991D0, #325645)

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