Tempered Courtyard color palette — #ECF8F4 · #9FCFCC · #639C90 · #826880 · #2D4847
Eucalyptus and Stone set the tone — five colors that lean into sophistication and grounding.
The five colors
- Ivory (#ECF8F4): a clean, paper-quiet neutral.
- Stone (#9FCFCC): A luminous, dusty teal — the color of shallow lagoons.
- Eucalyptus (#639C90): A luminous, dusty teal — the color of sea glass.
- Slate (#826880): A full-bodied, dusty pink — the color of neon signs at night.
- Charcoal (#2D4847): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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
- Aged Taupe color palette (#F1F7F1, #B6DBCA, #8BA47F, #6D8470, #3B5349)
- Weathered Lagoon Grove color palette (#EBF9F4, #8FC39E, #309282, #3C6E61, #043E3D)
- Antique Lantern color palette (#F7F6EB, #C7E7CC, #5DAF9D, #A5624A, #343E00)
- Jade Field color palette (#D7FFFA, #78B67E, #B385BD, #B26579, #1A3F3C)
- Tempered Jade color palette (#C5EAE2, #42A881, #006F6C, #314E21, #002115)
- Basalt Station color palette (#F6F6ED, #B0B295, #53805B, #695825, #444600)
- Moss Boulevard color palette (#FBE9BB, #C0C378, #74A050, #3D7948, #1A5540)
- Washed Teal Boulevard color palette (#C7F6F0, #2EC5A3, #00888D, #8D4222, #00372B)
Browse the whole catalog at Explore, or see today's palette.