Tempered Courtyard color palette — #E1DDF0 · #009386 · #AD6100 · #1B0B00 · #060002

Built around Ochre, softened by Fern — the whole palette hums with optimism and sophistication.

The five colors

• Frost (#E1DDF0): A whisper-light, dusty violet — the color of a velvet chair.
• Fern (#009386): A full-bodied, balanced teal — the color of sea glass.
• Ochre (#AD6100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#1B0B00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#060002): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Muted Olive Hollow color palette (#EBDCE4, #008DAB, #7D7C00, #141300, #000201)
• Patina Market color palette (#D8ECFF, #009851, #C00A08, #250000, #040103)
• Softworn Fern color palette (#D8E4DD, #8EA5A8, #738C93, #6E6500, #000D06)
• Pale Balcony color palette (#CFE9CF, #926100, #006B8C, #482C97, #030100)
• Cocoa Station color palette (#DCE1F4, #006E5E, #794200, #0E0C05, #020100)
• Hazy Field color palette (#DCEDDE, #B18100, #00783A, #725100, #000202)
• Bronze Harbor color palette (#FBDAE5, #AA7F00, #683E00, #221100, #060002)
• Dusty Loft color palette (#EBD9E3, #00ADD9, #A39900, #3C3800, #000603)

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