Fern Courtyard color palette — #F1F5FF · #8B8AB9 · #A86E59 · #446B33 · #363C50

Olive and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Slate Blue (#8B8AB9): A luminous, dusty violet — the color of twilight just after sunset.
• Mocha (#A86E59): A full-bodied, balanced orange — the color of autumn markets.
• Olive (#446B33): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#363C50): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

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

• Patina Cypress color palette (#FAF1FF, #B57D92, #9F7453, #00705D, #433948)
• Chestnut Chapel color palette (#EBF7FF, #5A9AB3, #A76A7F, #6B6018, #29404E)
• Hushed Veranda color palette (#F8EEF5, #858FD1, #A87748, #566539, #2A1E27)
• Hushed Cypress color palette (#E4FAF9, #8DA9D4, #926789, #006765, #40465F)
• Tempered Periwinkle color palette (#F1F5FF, #9AA5EC, #C58E5C, #6D834D, #373D4C)
• Muted Driftwood Villa color palette (#F4F5FB, #DED8DD, #B3AAA3, #8A76AD, #50525D)
• Powdered Indigo Harbor color palette (#EBEDFF, #7E5BB0, #6E6200, #004E55, #222242)
• Worn Cobalt Market color palette (#F1F6FC, #A7C1EE, #A96C49, #3D6ABB, #372930)

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