Tempered Courtyard color palette — #E6F7E9 · #CE80A5 · #A44D40 · #005435 · #2C1B30

Brick and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E6F7E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Dusty Rose (#CE80A5): A luminous, balanced rose — the color of pressed rose petals.
• Brick (#A44D40): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#005435): A deep, shadowed, balanced teal — the color of glacier melt.
• Deep Indigo (#2C1B30): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Balance. Tagged retro.

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

• Frosted Grove color palette (#E6F7E9, #B985C9, #A6436B, #365000, #251F32)
• Bronze Quarry color palette (#E8F6EA, #D59A96, #9B6D42, #225C5B, #362631)
• Weathered Garden color palette (#F6EFF9, #C76C8E, #7D6000, #004C42, #121A40)
• Misty Wisteria color palette (#F5F8DD, #C076CF, #9E513B, #00595F, #523433)
• Wandering Blush Garden color palette (#FFF4E2, #ED8EBC, #B57166, #3F6F56, #503631)
• Misty Ember color palette (#D8FDDF, #E4661E, #7B5C00, #004653, #300F1F)
• Muted Canyon color palette (#E4FBF5, #DEBBFB, #DA6C65, #006F83, #362D43)
• Tempered Hollow color palette (#F4E1FE, #C3A4BF, #A78565, #456368, #193744)

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