Tempered Courtyard color palette — #DAE7DC · #4D818F · #00444C · #002016 · #000202

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

The five colors

• Parchment (#DAE7DC): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#4D818F): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#00444C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#002016): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000202): a grounded near-black with real depth.

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

• Hushed Navy Orchard color palette (#DEEAE0, #557D9B, #003979, #001E25, #00000C)
• Timeworn Chapel color palette (#DBF5F1, #50947A, #00797F, #262E00, #000401)
• Timeworn Coast color palette (#E2ECE4, #87BDCB, #00759C, #004B48, #00172B)
• Ancient Denim color palette (#EBE3ED, #7CABB8, #005E77, #002E0D, #000104)
• Charred Forest color palette (#DBE9DC, #06712D, #00391D, #192027, #000A02)
• Weathered Denim color palette (#E2EEE4, #75A3C0, #0058A1, #003841, #020033)
• Hushed Cerulean Harbor color palette (#E9F6EB, #9CDDE3, #0091AF, #006356, #00293B)
• Obsidian Aubergine color palette (#CEE9E4, #255B00, #5D0074, #0B2500, #030004)

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