Tempered Courtyard color palette — #FEF3E6 · #E4E1B1 · #B2CCFF · #BE9051 · #543D52

Mustard and Lilac Frost set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEF3E6): A whisper-light, dusty gold — the color of old brass.
• Celadon Mist (#E4E1B1): A whisper-light, dusty green — the color of a quiet forest floor.
• Lilac Frost (#B2CCFF): A whisper-light, dusty violet — the color of a velvet chair.
• Mustard (#BE9051): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal (#543D52): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. Tagged 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

• Weathered Taupe color palette (#FFF3E8, #E8DBB8, #9FD3F7, #C18D63, #1F5042)
• Cocoa Alley color palette (#FEF4E5, #D7E4CB, #9CCAD8, #CEA78E, #644900)
• Tempered Basin color palette (#FFECC8, #DCCED1, #8F9991, #5A3C00, #2E2921)
• Worn Bronze Study color palette (#FCF4EA, #DCE2C1, #C3A98B, #A56A3F, #4A3F00)
• Pale Emerald Terrace color palette (#F4F8E1, #A7E7AA, #D5A6E6, #589C5D, #452E4D)
• Sand Study color palette (#FFF3E2, #EAC681, #9ABDEE, #8EA0D3, #3C3832)
• Gentle Periwinkle color palette (#EFF8EF, #CEA971, #639BE1, #966906, #3C4F64)
• Feathered Wisteria Dune color palette (#FAF0E6, #D4AB79, #C87FB9, #9A6511, #46272A)

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