Tempered Courtyard color palette — #E0FCF7 · #BFE5F3 · #C3C9D5 · #9EB57E · #2E4C49

Built around Sage, softened by Powder Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#E0FCF7): A whisper-light, dusty teal — the color of sea glass.
• Powder Blue (#BFE5F3): A whisper-light, dusty blue — the color of deep harbor water.
• Oat (#C3C9D5): soft and architectural.
• Sage (#9EB57E): A luminous, dusty green — the color of new leaves after rain.
• Charcoal (#2E4C49): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, 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 Teal color palette (#E4FAFF, #C8E1EF, #B3B4C5, #00AC90, #00474A)
• Cerulean Studio color palette (#D8EDF1, #82CBCA, #00A0B5, #005A44, #000201)
• Seafoam Station color palette (#E1F0FF, #28FEE4, #D6C9CE, #0F4047, #05171A)
• Dusty Aqua color palette (#F6F4D4, #B2F6F2, #86D1DC, #8C7F55, #36362F)
• Antique Fern color palette (#F5F8DF, #AFF5EC, #93DFC8, #788A62, #4D590E)
• Hushed Bronze Veranda color palette (#FFF0F7, #F6D1DF, #C59170, #925B43, #462732)
• Rust Studio color palette (#E9FAEF, #C1B36F, #CE81AF, #B04F5A, #102B1D)
• Linen Moss Meadow color palette (#DCFFE9, #BDE6EA, #02FBF0, #1EAF24, #003221)

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