Tempered Courtyard color palette — #F1F7F2 · #D2DEDD · #A6B6C0 · #3EC0C6 · #404B41

Cyan and Ash set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D2DEDD): bright and airy, almost weightless.
• Ash (#A6B6C0): A luminous, dusty blue — the color of open sky before noon.
• Cyan (#3EC0C6): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#404B41): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Sophistication, Softness, Clarity. 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

• Softworn Drift color palette (#F2F7F1, #D1DEDE, #D8C2C6, #00A4A1, #434A42)
• Worn Sky color palette (#DAE9E1, #3FB9E6, #7C687E, #355144, #111B14)
• Weathered Lagoon color palette (#F9F5E7, #D8D7B5, #8EB894, #649D92, #484500)
• Weathered Periwinkle color palette (#FAF2FB, #E9D4D7, #B4ADA2, #60A7FC, #49394A)
• Airy Coast color palette (#FFF4E2, #81D7E2, #73AADB, #C25E67, #1F4633)
• Soft Rust color palette (#ECF9F0, #64CFE5, #B38BD9, #C05B33, #214209)
• Cypress Parlor color palette (#EAF4F7, #D2D7E1, #B7BCCC, #3F8184, #262E30)
• Antique Wisteria color palette (#E7FBEF, #C3DFFF, #B5B6EC, #C089C4, #013E56)

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