Tempered Courtyard color palette — #FAF4EC · #9BDAE8 · #008CB5 · #006761 · #00446B

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

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Ice Blue (#9BDAE8): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008CB5): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006761): A full-bodied, balanced teal — the color of sea glass.
• Navy (#00446B): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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

• Chalky Cornflower Lagoon color palette (#FAF4EC, #AAD3F7, #447CDB, #006379, #313974)
• Timeworn Orchard color palette (#FBF4E9, #75C5DC, #0077A5, #005655, #00345D)
• Weathered Cobalt color palette (#FCEFE9, #8CDFEF, #008BCE, #006547, #172247)
• Linen Courtyard color palette (#FCF1F9, #A2E8F6, #00A6F1, #00865E, #2E3D69)
• Sky Basin color palette (#EBFAED, #B0F1FF, #37C6FB, #00A69D, #194361)
• Weathered Abyss color palette (#F4EBDD, #599BA5, #005267, #00302B, #001624)
• Aged Petrol Market color palette (#F8F5EF, #C8E7E7, #769EC0, #1F7C85, #604A5E)
• Soft Terracotta color palette (#FFF2EB, #D67458, #008CAF, #A22D00, #004154)

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