Tempered Courtyard color palette — #ECF5E6 · #30B398 · #4C5D51 · #343A31 · #21221D
Turquoise takes the lead with Charcoal Brown close behind in a set that reads as sophistication at first glance.
The five colors
- Cream (#ECF5E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Turquoise (#30B398): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#4C5D51): A full-bodied, dusty teal — the color of shallow lagoons.
- Charcoal (#343A31): quiet, heavy and certain.
- Onyx (#21221D): a grounded near-black with real depth.
Feels like: Sophistication. Tagged noir, dark, luxury, 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
- Teal Field color palette (#E8F9FB, #62C2AD, #3C5A64, #182F32, #081111)
- Ancient Turquoise color palette (#E9F5EE, #00ACD6, #635162, #303B35, #1E231E)
- Moss Grove color palette (#F3F3E4, #81AC3B, #4A6120, #39392E, #24211C)
- Hushed Studio color palette (#E5F6F8, #74CAB3, #6C7E89, #45595B, #1A2422)
- Tempered Quarry color palette (#EDF5E8, #308F79, #2F4137, #252B21, #121612)
- Hushed Harbor color palette (#E3FDEC, #2CC5E4, #D59085, #A5875B, #35473C)
- Timeworn Aqua Atelier color palette (#E9FAEF, #72D4EC, #E39C97, #419AAE, #534B48)
- Hushed Boulevard color palette (#F7F6E8, #CDD7AC, #6EA99A, #8A7F35, #485406)
Browse the whole catalog at Explore, or see today's palette.