Tempered Courtyard color palette — #ECF7FC · #6EBDC6 · #475764 · #1A2E36 · #071113
A conversation between Cyan and Charcoal Brown, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF7FC): a clean, paper-quiet neutral.
- Cyan (#6EBDC6): A luminous, dusty blue — the color of open sky before noon.
- Charcoal Brown (#475764): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#1A2E36): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#071113): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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 Aqua color palette (#E9F6EC, #51CADB, #648473, #4C584F, #1E231E)
- Timeworn Meadow color palette (#F0F5FF, #859AE0, #43435F, #151E30, #02060A)
- Aged Cerulean Cabin color palette (#DEF1F9, #0094A3, #283F4B, #142025, #070E10)
- Weathered Ridge color palette (#EFF6FF, #AECEFC, #EAAA8C, #C19C4E, #2C394B)
- Stone Cabin color palette (#F1F7F1, #BDDFEC, #A2B78A, #648E93, #384B41)
- Velvet Ultramarine Archive color palette (#E4EEFC, #0C57C7, #312729, #160A2B, #000105)
- Weathered Workshop color palette (#E6F9FF, #C6DFF5, #72C1F0, #5688BF, #3D4C6A)
- Hushed Azure color palette (#EDF6FE, #D1DBF9, #F1C193, #2AA4E7, #5D3A47)
Browse the whole catalog at Explore, or see today's palette.