Fern Courtyard color palette — #EFF7F5 · #D0DCDF · #9ABBB9 · #506E38 · #313E3B

Built around Olive, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#D0DCDF): bright and airy, almost weightless.
• Ash (#9ABBB9): A luminous, dusty teal — the color of glacier melt.
• Olive (#506E38): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#313E3B): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, 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

• Muted Driftwood color palette (#F6F5ED, #D0DED3, #AEC5BB, #778856, #3C3B32)
• Worn Petrol Alley color palette (#ECF7FC, #D0DBEE, #A4C0D5, #007886, #2C444D)
• Ancient Pine Cabin color palette (#E7FBF3, #8CA477, #2F7424, #475028, #193D36)
• Muted Lagoon Terrace color palette (#D0ECED, #77B5AC, #448990, #44547C, #3B415C)
• Denim Alley color palette (#E8F0F4, #C2CED7, #8DA3B7, #005F74, #203039)
• Timeworn Abyss color palette (#E6F3F4, #94AFB2, #588892, #00432F, #051718)
• Clover Harbor color palette (#DFFCF9, #9ACF7C, #00B95D, #00846E, #003333)
• Deep Field color palette (#CBE4E3, #007648, #002E23, #001818, #010507)

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