Tempered Courtyard color palette — #ECF4EE · #C0E1F9 · #6093BF · #256971 · #1E2D41

Slate Blue takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#ECF4EE): a clean, paper-quiet neutral.
• Powder Blue (#C0E1F9): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#6093BF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#256971): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#1E2D41): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Washed Cobalt Harbor color palette (#EBF5ED, #A2CCF6, #5D7BB6, #00586F, #151F3A)
• Tempered Cypress color palette (#FBF3ED, #C0E7D5, #698DB7, #18706F, #583E51)
• Teal Drift color palette (#E2F3E5, #47AEB2, #006373, #003B2F, #000D14)
• Soft Turquoise color palette (#A9F2F6, #00B9D2, #0082A6, #115074, #0F2944)
• Hushed Cabin color palette (#DAE7DC, #1A869B, #004259, #001F1E, #000104)
• Azure Bloom color palette (#E7F4FF, #0096E1, #BA5C79, #627336, #0D202F)
• Hazy Navy Cabin color palette (#E2F3E5, #4D91C1, #004596, #002A34, #02001D)
• Quiet Azure color palette (#E6F4FF, #22B0F0, #BE7B4F, #1B6C94, #3E1D04)

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