Fern Courtyard color palette — #F7F7E1 · #7ABCD7 · #7F7CC4 · #646900 · #21453D

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

The five colors

• Cream (#F7F7E1): A whisper-light, dusty green — the color of fresh herbs.
• Sky (#7ABCD7): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#7F7CC4): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#646900): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#21453D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro, 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

• Olive Parlor color palette (#F6F7E2, #86B7E2, #9377B6, #4A7025, #4E3349)
• Worn Chestnut Pier color palette (#FFF3E7, #66C4BA, #498CC2, #8D5400, #2B4432)
• Tempered Chestnut color palette (#FFF1F5, #B795CC, #9D6C9F, #825100, #004049)
• Washed Fern color palette (#E2FEE6, #D5C5D7, #B5909E, #7A7441, #42530B)
• Wandering Villa color palette (#FDF7CF, #9A9CFB, #B94F9C, #006B50, #3E2A55)
• Powdered Byzantium color palette (#D3EFC5, #2B9DFC, #8D44C5, #2A5B00, #182259)
• Basalt Boulevard color palette (#FDF3E9, #D4C29C, #869767, #86657F, #543F00)
• Washed Indigo color palette (#FFF0FE, #8193D8, #6F5AA7, #793345, #353D51)

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