Tempered Courtyard color palette — #DEFCFF · #34DDBA · #EA3D81 · #008C73 · #661836
Hot Pink takes the lead with Aqua close behind in a set that reads as energy and balance at first glance.
The five colors
- Ivory (#DEFCFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Aqua (#34DDBA): A luminous, balanced teal — the color of sea glass.
- Hot Pink (#EA3D81): A luminous, vivid red — the color of late-summer berries.
- Fern (#008C73): A full-bodied, balanced teal — the color of sea glass.
- Mulberry (#661836): A deep, shadowed, balanced red — the color of embers at dusk.
Feels like: Energy, Balance. Tagged vibrant.
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 Peony color palette (#E8F8FF, #00C4D8, #FF508F, #008795, #5F2336)
- Misty Blush Study color palette (#E6FEDA, #3CF5D8, #EF6DA4, #00937F, #560830)
- Patina Peony color palette (#DCFDF9, #74DB74, #FB509A, #0D7E1A, #60203A)
- Patina Raspberry color palette (#E6FEDA, #00AB93, #CA4A7B, #006C5C, #631C38)
- Frosted Balcony color palette (#C9E3EC, #00ADB4, #E82788, #007176, #4D082A)
- Gentle Lagoon color palette (#DEFDFA, #46E171, #E050F2, #007E32, #512756)
- Aged Pier color palette (#ECF7FF, #5AC5F5, #EC836D, #008CBA, #61342B)
- Soft Hollow color palette (#C4F7F7, #00B87C, #FF3629, #DA3B23, #0B3A26)
Browse the whole catalog at Explore, or see today's palette.