Tempered Courtyard color palette — #ECF1E9 · #ABB6AF · #978799 · #005042 · #040E00

Forest takes the lead with Ink close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#ECF1E9): bright and airy, almost weightless.
• Ash (#ABB6AF): a calm mid-gray that lets other colors speak.
• Heather (#978799): A luminous, dusty pink — the color of a candy shop window.
• Forest (#005042): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#040E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: 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

• Abyss Lagoon color palette (#E6EDE6, #93A49D, #8D7286, #003F40, #000601)
• Aged Abyss Basin color palette (#E9F1E6, #AFBDB1, #769785, #005047, #172313)
• Hushed Cypress color palette (#ECF4EE, #C2DAD3, #C0A1B3, #006773, #01210D)
• Denim Alley color palette (#EDE7ED, #D5C7CE, #B59C9F, #0054A1, #1E0F1F)
• Weathered Driftwood Delta color palette (#ECE9C9, #778945, #005870, #432C00, #0D1300)
• Wandering Fern Field color palette (#F9EDE2, #837946, #2A4F00, #003131, #0A0800)
• Dusty Lagoon color palette (#EFF3EE, #CFDAD9, #D1BAC0, #00877D, #282E26)
• Aged Pine Corridor color palette (#FFEBE0, #00784B, #00415D, #380F00, #000706)

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