Tempered Courtyard color palette — #E7F0F6 · #C0CEDA · #8EA3B9 · #005D7B · #213039
Built around Peacock, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#E7F0F6): a clean, paper-quiet neutral.
- Oat (#C0CEDA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#8EA3B9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#005D7B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#213039): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Washed Navy color palette (#E5ECF4, #ADBACC, #818CB4, #00457E, #16202C)
- Softworn Petrol Atelier color palette (#E5F2EB, #C5DED7, #C8AFBF, #007E9A, #213229)
- Muted Nightshade Market color palette (#F1F5FF, #CCD1EA, #B19CCA, #5346B0, #2C3245)
- Muted Lagoon Bloom color palette (#D1EBE9, #469F79, #006450, #004845, #003031)
- Driftwood Thicket color palette (#F3F5FB, #DED8E1, #BCA7A6, #787FA6, #50525B)
- Hushed Pewter Ridge color palette (#D6E3F8, #8689BF, #6F59A0, #683945, #442C42)
- Quiet Ultramarine color palette (#E9F4FF, #00BAEA, #0095E6, #4054CB, #08254A)
- Antique Aubergine Veranda color palette (#E6E6EF, #9998A8, #856483, #3D0461, #080716)
Browse the whole catalog at Explore, or see today's palette.