Tempered Courtyard color palette — #F1F1DE · #009675 · #006663 · #001D9E · #001B16
Indigo takes the lead with Fern close behind in a set that reads as creativity and calm at first glance.
The five colors
- Cream (#F1F1DE): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#009675): A full-bodied, balanced teal — the color of sea glass.
- Pine (#006663): A full-bodied, dusty teal — the color of glacier melt.
- Indigo (#001D9E): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Ink (#001B16): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Creativity, Calm, Energy, Balance. Tagged retro, vibrant, cool.
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
- Quiet Aubergine color palette (#EFF4D3, #009298, #00627A, #43008D, #001A1E)
- Timeworn Workshop color palette (#E5E4D6, #359655, #006853, #003B60, #001C0E)
- Softworn Aubergine Meadow color palette (#DDF0E3, #008395, #004DA9, #470076, #270016)
- Aged Chapel color palette (#E3EDD2, #006D8D, #003F6E, #35003F, #000408)
- Dusty Aubergine color palette (#C9F1C9, #00ADB5, #007B99, #5C06B9, #002F36)
- Petrol Pier color palette (#E6E7DB, #99BBA0, #008397, #005957, #00242E)
- Softworn Pine Hollow color palette (#F6D7C4, #1A7B0F, #004649, #480024, #001C10)
- Muted Bloom color palette (#CDF5F4, #52A1AF, #427A95, #4C3F72, #3C1E49)
Browse the whole catalog at Explore, or see today's palette.