Tempered Courtyard color palette — #E7F1F8 · #B2B9C4 · #898BAA · #004C62 · #0F222C

A conversation between Navy and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Frost (#E7F1F8): bright and airy, almost weightless.
• Ash (#B2B9C4): a calm mid-gray that lets other colors speak.
• Slate Blue (#898BAA): A luminous, dusty violet — the color of a velvet chair.
• Navy (#004C62): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#0F222C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Aged Pier color palette (#D6E2DD, #B8B0B9, #9F8497, #004A67, #010E09)
• Dusty Petrol Harbor color palette (#DFE6EB, #BAC5D3, #99A5BD, #006990, #12212C)
• Denim Market color palette (#ECEDF9, #CEC9D6, #AB9AAA, #604582, #2B2C3B)
• Softworn Basalt color palette (#D7EDEB, #4A8D89, #3F5272, #2F3F00, #002E2A)
• Wandering Petrol Parlor color palette (#F0F6FB, #DBD9E3, #C5BCC8, #4F7A95, #3E4952)
• Antique Navy Dune color palette (#E3E6ED, #9998A7, #776B7E, #241E5F, #040818)
• Timeworn Lagoon Parlor color palette (#D9EBE3, #488B5B, #00504A, #003053, #00220B)
• Tempered Aubergine Market color palette (#E5E1D2, #007380, #392983, #2C2300, #001827)

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