Tempered Courtyard color palette — #D4E7E5 · #7CCDEB · #009FD6 · #007B8A · #002237

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D4E7E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#7CCDEB): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#009FD6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007B8A): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002237): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Pale Cornflower Loft color palette (#D8EBEB, #6DB7F6, #2A83E5, #00678C, #021036)
• Worn Studio color palette (#E2F2F2, #A8DAFF, #5CAAF2, #008BB2, #162E4F)
• Ancient Cobalt color palette (#FEF4E4, #8BD8F5, #0083BD, #005153, #000C20)
• Timeworn Pier color palette (#D3E5E3, #49AFCB, #0080A5, #005C64, #000B14)
• Powdered Veranda color palette (#ADF0E5, #00E5E9, #62BBFF, #36A081, #00272F)
• Wandering Glacier Atelier color palette (#DEFDF6, #56F4F6, #00C1D0, #00998A, #003A44)
• Antique Cornflower Station color palette (#C0ECEF, #00B78B, #5885FF, #008564, #040F4F)
• Denim Basin color palette (#EFDFE9, #7DA2B8, #16589E, #003A31, #0A002D)

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