Tempered Courtyard color palette — #FBF4ED · #DAA16F · #008264 · #8B4E00 · #202718

Built around Coffee, softened by Teal — the whole palette hums with optimism and balance.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Camel (#DAA16F): A luminous, balanced gold — the color of honey in a jar.
• Teal (#008264): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#8B4E00): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#202718): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Balance. Tagged duotone, 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

• Tempered Meadow color palette (#F8F5EE, #C7AC62, #0078A6, #765C00, #182822)
• Tempered Dune color palette (#EDF4EE, #DAAC3F, #43873C, #7E5F10, #021210)
• Pale Studio color palette (#FFF2EF, #E296A0, #408200, #9E354B, #252512)
• Frosted Emerald color palette (#FAF4EB, #E2BF76, #46A56A, #9E7A22, #222618)
• Dusty Pine color palette (#FFF2EC, #B19350, #007E55, #663A6C, #3F3D36)
• Moss Cabin color palette (#F9F5E7, #A0AC00, #0064B9, #555B00, #261628)
• Softworn Olive Coast color palette (#FFEFE2, #BAAD62, #548C2F, #00614C, #00474B)
• Softworn Amber color palette (#FAF0E3, #BA8200, #005A86, #5E4000, #001421)

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