Tempered Courtyard color palette — #ECF7FC · #419EB2 · #AC677B · #785834 · #2C404A
Mocha and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF7FC): a clean, paper-quiet neutral.
- Cerulean (#419EB2): A luminous, balanced blue — the color of deep harbor water.
- Mocha (#AC677B): A full-bodied, balanced red — the color of a theater curtain.
- Coffee (#785834): A full-bodied, dusty gold — the color of honey in a jar.
- Charcoal (#2C404A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Hushed Cerulean Corridor color palette (#ECF7FF, #2A93B9, #9B4C5F, #644B1B, #20393A)
- Weathered Driftwood Coast color palette (#E6FAFA, #5BA084, #986CA1, #854C52, #2A4243)
- Muted Bronze Corridor color palette (#EFF6FF, #6F90CD, #AE6D41, #64622F, #353E49)
- Ancient Turquoise color palette (#E1F6FE, #00A8B6, #AC735B, #7B5342, #15252B)
- Pewter Quarry color palette (#ECF9EE, #80ACD8, #756FA4, #765031, #3D485A)
- Muted Turquoise Basin color palette (#EBFAED, #00C2CC, #C68C6F, #9D6E56, #344136)
- Worn Cerulean color palette (#F0F6FB, #D9D9E1, #B6A8AB, #5C87A8, #4C545A)
- Worn Ridge color palette (#E4F0FF, #326EC6, #954900, #4D4600, #17273C)
Browse the whole catalog at Explore, or see today's palette.