Tempered Courtyard color palette — #FFF2E9 · #B98260 · #4489A0 · #22697D · #5D3000

A conversation between Cocoa and Caramel, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Caramel (#B98260): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#4489A0): A full-bodied, dusty blue — the color of deep harbor water.
• Peacock (#22697D): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#5D3000): A deep, shadowed, balanced gold — the color of old brass.

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

• Patina Parlor color palette (#FCF3ED, #BE8B6E, #347998, #614771, #5A3642)
• Antique Driftwood Lagoon color palette (#FFF2EF, #BD798D, #4F8C7E, #346B5F, #4A3836)
• Denim Boulevard color palette (#FCEDF5, #BD866B, #499091, #405E92, #2D1D26)
• Cocoa Summit color palette (#FFF2ED, #BB7E79, #8774A5, #705375, #65280D)
• Aged Cobalt Quarry color palette (#FCF3ED, #D59C80, #57ACA9, #517CB3, #423C37)
• Softworn Cocoa color palette (#FFF3E7, #CF9B77, #678151, #5A527E, #604100)
• Aged Bronze Parlor color palette (#FAF4EE, #D9DBD4, #9FAFB1, #A7773E, #57514C)
• Antique Bronze Basin color palette (#F7EEDA, #827000, #425F9B, #24417F, #302509)

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