Tempered Courtyard color palette — #ECF9F4 · #93CAF7 · #E6968A · #8D8252 · #223631
A conversation between Melon and Sky, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF9F4): bright and airy, almost weightless.
- Sky (#93CAF7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Melon (#E6968A): A luminous, balanced orange — the color of sun-warmed clay.
- Mocha (#8D8252): A luminous, dusty green — the color of a quiet forest floor.
- Deep Forest (#223631): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, 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
- Weathered Veranda color palette (#FDF1F9, #B3BFFD, #DBA160, #7A8A4E, #3C2C37)
- Blush Market color palette (#EDF9EE, #64D8D9, #E291B8, #A5755E, #293629)
- Powder Meadow color palette (#E4FBF2, #76CEFF, #D2B083, #B09472, #2F423B)
- Coral Ridge color palette (#FDF1F8, #C6C4FF, #CA828D, #786A34, #2C3F22)
- Lilac Basin color palette (#FEF4E3, #D5DAFF, #BE8CCC, #857038, #4C3842)
- Hazy Marigold color palette (#FFF1F5, #C89EE7, #B89C16, #3B8360, #321D24)
- Taupe Canyon color palette (#F9F3F7, #E1D7D7, #B3B7AC, #C69CA4, #524B50)
- Azure Atelier color palette (#E5F4FF, #539FC1, #997F48, #695E30, #122531)
Browse the whole catalog at Explore, or see today's palette.