Tempered Courtyard color palette — #F0EAE0 · #64ADBA · #0080A3 · #005E56 · #000A15

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Cream (#F0EAE0): bright and airy, almost weightless.
• Cyan (#64ADBA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0080A3): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005E56): A full-bodied, dusty teal — the color of glacier melt.
• Ink (#000A15): 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

• Cobalt Garden color palette (#EBE5DB, #7CAC9B, #2C76C4, #005B69, #02002F)
• Worn Denim Alley color palette (#F7ECF4, #68AFBA, #005B84, #002D1B, #00000C)
• Worn Alley color palette (#E4F1E7, #138797, #004255, #00201C, #000103)
• Olive Parlor color palette (#E4EDD5, #54BFB7, #00A4C6, #227700, #000F0C)
• Softworn Cerulean Corridor color palette (#F0E8DC, #91CDCB, #00A4B7, #008062, #00242F)
• Tempered Jade color palette (#D0EBE1, #00A679, #007455, #004432, #000201)
• Linen Mulberry color palette (#E9EDE0, #2CAA65, #9E1E7F, #006636, #11000B)
• Periwinkle Alley color palette (#F3EEE5, #B5DECC, #4EABF9, #008F9D, #102A5E)

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