Tempered Courtyard color palette — #CBE5DC · #CC9D27 · #005B8B · #002C47 · #000F0A

Mustard takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Silver (#CBE5DC): A whisper-light, dusty teal — the color of glacier melt.
• Mustard (#CC9D27): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#005B8B): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002C47): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000F0A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Balance. Tagged luxury, dark, 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

• Hazy Nightshade color palette (#E6DAE3, #CC9D26, #3C44B2, #1B205C, #130610)
• Soft Cobalt Basin color palette (#CFE0F2, #F5A177, #357DBE, #264B6E, #000C1C)
• Timeworn Mint color palette (#ECF7FF, #8ACD98, #00587D, #001B2A, #000103)
• Softworn Balcony color palette (#FBF2F8, #DAC18D, #606CAD, #54384C, #291E25)
• Feathered Ember color palette (#EAD8E5, #E15A4D, #222979, #0C1136, #12070F)
• Quiet Plum color palette (#FFF1F3, #E5B238, #9B3C95, #572353, #2D1015)
• Patina Aubergine Alley color palette (#FCE3F0, #A57C00, #3A0096, #100037, #060003)
• Hushed Azure color palette (#CAE5DE, #2897F2, #A83200, #5F5300, #001C35)

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