Tempered Courtyard color palette — #FFF4E2 · #9ED0FF · #5388EE · #006E89 · #282C5F
A conversation between Azure and Peacock, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sky (#9ED0FF): A whisper-light, balanced blue — the color of deep harbor water.
- Azure (#5388EE): A luminous, vivid violet — the color of wild irises.
- Peacock (#006E89): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#282C5F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Dusty Boulevard color palette (#FDF4E5, #62DDFF, #0098D1, #007271, #00345D)
- Hushed Periwinkle color palette (#E9F9F8, #D7DBED, #499AFF, #006C95, #031B5F)
- Feathered Field color palette (#FFF3E6, #80BEF4, #4062D5, #00545F, #351E70)
- Washed Aubergine Study color palette (#FFF1F5, #BBDEFF, #89A5FF, #0095A9, #371B72)
- Softworn Denim Summit color palette (#EAE0D1, #4BA1AE, #00627C, #003C36, #000A15)
- Timeworn Aqua color palette (#EEE5D6, #51C6C3, #008492, #005C44, #00242F)
- Rose Grove color palette (#FFE4E4, #FC2752, #3D9800, #0067E1, #480411)
- Plum Study color palette (#FFDBD2, #FF5E80, #00A19C, #C2004A, #003634)
Browse the whole catalog at Explore, or see today's palette.