Tempered Courtyard color palette — #E8FAF3 · #008ECB · #965A3D · #6A402C · #373832
A conversation between Cerulean and Ochre, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E8FAF3): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#008ECB): A luminous, balanced blue — the color of deep harbor water.
- Ochre (#965A3D): A full-bodied, balanced orange — the color of sun-warmed clay.
- Cocoa (#6A402C): A full-bodied, dusty orange — the color of toasted spice.
- Charcoal (#373832): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Weathered Azure color palette (#FBF1FD, #629CD9, #9B5C58, #56534C, #31432A)
- Washed Pier color palette (#EFF8ED, #009094, #85506B, #6A4155, #37342E)
- Washed Chestnut color palette (#FCF5DF, #70B0D9, #7B6DA1, #6B5701, #50434F)
- Antique Harbor color palette (#F3F4FE, #B19BD7, #A47296, #89574C, #22363B)
- Driftwood Courtyard color palette (#FEEDF0, #9677AF, #7B5B85, #723F2A, #111E14)
- Muted Lagoon color palette (#EEF8F4, #DFD4D1, #A59F94, #5D8D7F, #4B5552)
- Chalky Violet color palette (#FFF1F6, #8C5ACB, #635A00, #4C4500, #203229)
- Washed Hollow color palette (#FCEDF7, #6373D2, #4A363C, #2F252C, #121919)
Browse the whole catalog at Explore, or see today's palette.