Tempered Courtyard color palette — #F5F1EB · #C6E4DC · #4EABBD · #407767 · #253C31
A conversation between Cyan and Teal, giving this palette its sense of trust and stability.
The five colors
- Cream (#F5F1EB): bright and airy, almost weightless.
- Silver (#C6E4DC): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#4EABBD): A luminous, balanced blue — the color of deep harbor water.
- Teal (#407767): A full-bodied, dusty teal — the color of sea glass.
- Forest (#253C31): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Ash Grove color palette (#F5F1EB, #C3E7EC, #839DC8, #397486, #422F3D)
- Tempered Teal Quarry color palette (#E7DFD2, #55ADA9, #00646E, #003B2A, #000D13)
- Softworn Boulevard color palette (#EAF6EB, #6EC3C9, #DA7C86, #178187, #442921)
- Patina Market color palette (#E8F6EB, #B5DEF1, #CABFEA, #5A958E, #314239)
- Lilac Coast color palette (#E6F7EA, #32AEBE, #B174AF, #8B7642, #1B2C20)
- Washed Lagoon color palette (#F2EBE0, #368590, #004254, #00201C, #000103)
- Washed Turquoise color palette (#F0F7F1, #D1E1F2, #82BCC8, #628F93, #425562)
- Patina Petrol Studio color palette (#EEE8DF, #7FBDDB, #0070B2, #004A51, #031434)
Browse the whole catalog at Explore, or see today's palette.