Tempered Courtyard color palette — #FFF3E8 · #F4B282 · #84C3C8 · #8399CA · #5B3100
Cantaloupe and Cocoa set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Cantaloupe (#F4B282): A luminous, balanced gold — the color of afternoon light on wheat.
- Ash (#84C3C8): A luminous, dusty blue — the color of open sky before noon.
- Blue Fog (#8399CA): A luminous, dusty violet — the color of wild irises.
- Cocoa (#5B3100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged light, 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
- Worn Ridge color palette (#FBF5E6, #D6C97F, #72B8B2, #7B82B9, #5E362E)
- Washed Stone color palette (#FFF2EF, #F1ADB8, #86C7A8, #61A5B9, #4D3731)
- Ancient Cocoa color palette (#FFF2EC, #DD968B, #889ACB, #6A79A1, #642908)
- Softworn Stone color palette (#F9F6E0, #ACC577, #9EA8E7, #B578A8, #34332C)
- Worn Violet color palette (#FFF3E3, #FBBA3F, #00A0D1, #8374E8, #3B2700)
- Stone Boulevard color palette (#F9F4EE, #D8DBD4, #A8B8B0, #6F6D78, #575249)
- Tempered Apricot color palette (#FAF4EE, #FED5B1, #A4C389, #D79D66, #2E2E27)
- Antique Abyss color palette (#FFF3E4, #E4D9A6, #B0BC81, #7C9F64, #00532D)
Browse the whole catalog at Explore, or see today's palette.