Tempered Courtyard color palette — #E9F9F5 · #96B778 · #9197C7 · #946C84 · #2A433D
Built around Sage, softened by Blue Fog — the whole palette hums with nature and growth.
The five colors
- Ivory (#E9F9F5): a clean, paper-quiet neutral.
- Sage (#96B778): A luminous, balanced green — the color of new leaves after rain.
- Blue Fog (#9197C7): A luminous, dusty violet — the color of wild irises.
- Mocha (#946C84): A full-bodied, dusty pink — the color of peonies in June.
- Forest (#2A433D): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Sophistication. 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
- Softworn Teal color palette (#E8F9FB, #5EBFAC, #B38CB4, #A36863, #2B4145)
- Aged Stone color palette (#F6F6EA, #ACD18B, #9FAAE5, #A2708B, #32322B)
- Hushed Basin color palette (#ECF9EE, #93CCB4, #579FA8, #74678B, #304D52)
- Tempered Terracotta color palette (#EAF9F3, #8E965C, #6B7DB1, #894952, #28443A)
- Washed Mallow color palette (#FDF3EB, #EEB48D, #CFA4DD, #BA8F72, #423C37)
- Pale Teal color palette (#D3F6FA, #00A78B, #A366A7, #8F484A, #002D31)
- Tempered Archive color palette (#EDF8F6, #A6DED4, #59A8C0, #6C9B5C, #243036)
- Hushed Plum color palette (#D8FEFC, #2FC671, #865DB6, #AD2B67, #0E341C)
Browse the whole catalog at Explore, or see today's palette.