Tempered Courtyard color palette — #E3FBF6 · #84C5C8 · #007C89 · #005650 · #003A45
Built around Teal, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#E3FBF6): A whisper-light, dusty teal — the color of sea glass.
- Mint Leaf (#84C5C8): A luminous, dusty teal — the color of sea glass.
- Teal (#007C89): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005650): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#003A45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, 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
- Feathered Periwinkle color palette (#E4FAFF, #93DAFF, #57AAFB, #007881, #004358)
- Washed Orchard color palette (#FEECF8, #5ECFD5, #007E9C, #00543A, #001C30)
- Wandering Petrol color palette (#E3F2F2, #8FB6D7, #306AA7, #004C66, #142D55)
- Weathered Basin color palette (#D3F2EC, #00A8A3, #007678, #004E56, #003943)
- Ancient Cobalt color palette (#ECF8F7, #A4D6F2, #0087C9, #006378, #004273)
- Misty Cerulean color palette (#FFF2EC, #7EDDE1, #009BBF, #007652, #003657)
- Abyss Villa color palette (#D1E3E1, #55899B, #00435A, #002226, #000B14)
- Pale Villa color palette (#BFEDFD, #00979E, #7C7200, #005A5F, #332F00)
Browse the whole catalog at Explore, or see today's palette.