Tempered Courtyard color palette — #E6EEE5 · #009C98 · #005678 · #004C49 · #000F19

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

The five colors

• Cream (#E6EEE5): bright and airy, almost weightless.
• Cerulean (#009C98): A luminous, balanced teal — the color of sea glass.
• Peacock (#005678): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C49): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000F19): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Gentle Navy color palette (#E4EEE8, #0097B9, #0048A8, #00495B, #190419)
• Muted Coast color palette (#EFF8F0, #47AAB3, #0060A5, #005B61, #001E18)
• Forest Thicket color palette (#EBECE2, #65975C, #005D4A, #114F02, #00110C)
• Hazy Ultramarine color palette (#E1E7DB, #2AA57A, #003BD8, #00543B, #060006)
• Airy Lapis Canyon color palette (#E4F7F1, #2796DF, #4007E7, #004A76, #0A0A33)
• Cerulean Corridor color palette (#C4E7EF, #249DBF, #00648C, #003B60, #00234B)
• Powdered Boulevard color palette (#D8E3C9, #0083AB, #004E8B, #54005F, #00273C)
• Patina Denim Basin color palette (#EBF0EB, #C3D0C7, #8DA89A, #006167, #203323)

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