Tempered Courtyard color palette — #DBF2FF · #8DC1DE · #5088B9 · #3A5D99 · #283654
Peacock takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#DBF2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#8DC1DE): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#5088B9): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#3A5D99): A full-bodied, balanced violet — the color of twilight just after sunset.
- Navy (#283654): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
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
- Timeworn Denim Dune color palette (#E2EDFF, #ABB1E2, #8A7FC1, #674C8A, #362F51)
- Ancient Denim Bloom color palette (#EBF2FF, #B5CEF2, #6A86BE, #2F4B84, #11203E)
- Wandering Ridge color palette (#E9F3FE, #92B7E1, #BE9360, #3D74B0, #20381E)
- Aged Grove color palette (#C8F3F7, #84C9C0, #0A9897, #00636E, #173C4E)
- Frosted Delta color palette (#DFFBE1, #6ABBD4, #4F90CF, #4A6193, #654958)
- Ancient Aubergine color palette (#DEE6F4, #808FDB, #6B5AC2, #57208D, #2F103B)
- Lapis Parlor color palette (#D3E0F0, #5E7FDB, #4C3DC6, #37007D, #240044)
- Nightshade Summit color palette (#D7EDFE, #3D98F1, #415CE9, #3F1EBA, #2F1758)
Browse the whole catalog at Explore, or see today's palette.