Tempered Courtyard color palette — #ECE0E8 · #418F8E · #004451 · #002412 · #000B14

Storm Blue takes the lead with Deep Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Rose Water (#ECE0E8): a clean, paper-quiet neutral.
• Storm Blue (#418F8E): A luminous, dusty teal — the color of glacier melt.
• Deep Teal (#004451): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#002412): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Dusty Abyss color palette (#F1F1E7, #638263, #004449, #00201B, #000202)
• Ancient Navy color palette (#EADBE1, #4B88AB, #06397B, #002224, #07002A)
• Weathered Dune color palette (#DDEEEA, #5DA09F, #00646C, #003C35, #000C0F)
• Forest Dune color palette (#F9EAE2, #6AAEAD, #00829A, #00613B, #000B14)
• Hushed Denim Balcony color palette (#F1DFE6, #71A5C9, #2B549C, #003D42, #1B144B)
• Tempered Garden color palette (#F9E9F3, #7BBDCF, #0070A2, #005146, #142C56)
• Deep Fern color palette (#D3ECD8, #5F5C10, #392900, #1E0B00, #020400)
• Shadow Garnet color palette (#F0DDEE, #9B001B, #004945, #440007, #000807)

Browse the whole catalog at Explore, or see today's palette.