Tempered Courtyard color palette — #EFF0FF · #9B6AD1 · #627F4A · #415B2A · #181827

Amethyst and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#EFF0FF): A whisper-light, dusty violet — the color of a velvet chair.
• Amethyst (#9B6AD1): A luminous, balanced violet — the color of twilight just after sunset.
• Fern (#627F4A): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#415B2A): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#181827): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged muted.

Use it as a design system

One click turns Tempered 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 Orchid Coast color palette (#F2F0FF, #AD66BA, #008878, #0C5F54, #1A1729)
• Hazy Cornflower Grove color palette (#EBF2FF, #677DE1, #82762A, #5D5300, #111A2B)
• Sunlit Peony Workshop color palette (#F5EFFD, #C45B8E, #606A18, #3A4100, #04131D)
• Weathered Workshop color palette (#FFF1F3, #C682C7, #A88B45, #6B7628, #442B2F)
• Aged Lilac color palette (#DDF9F4, #B088D4, #9A5450, #005156, #261E33)
• Gentle Courtyard color palette (#E8E8FF, #9600DE, #006B58, #004639, #12021F)
• Tempered Raspberry Meadow color palette (#F8EDFF, #DA1480, #007B77, #005552, #1C0C23)
• Pewter Veranda color palette (#F2F0F9, #E0D4D9, #CBB7B8, #8B6789, #2D2B33)

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