Tempered Courtyard color palette — #F9F1E3 · #88AEE1 · #7C6EA3 · #6C4A25 · #362632

Built around Cornflower, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Cream (#F9F1E3): A whisper-light, dusty gold — the color of old brass.
• Cornflower (#88AEE1): A luminous, balanced blue — the color of open sky before noon.
• Slate (#7C6EA3): A full-bodied, balanced violet — the color of a velvet chair.
• Coffee (#6C4A25): A full-bodied, dusty gold — the color of old brass.
• Onyx (#362632): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged retro, 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

• Wandering Driftwood color palette (#F9F1E4, #B5A0D2, #9E6285, #51562A, #3B252A)
• Tempered Pier color palette (#FAF0E1, #68BAC6, #487DAD, #724244, #1D3127)
• Patina Turquoise Study color palette (#E6FBF1, #60B4D4, #7F6C9E, #5B5C33, #3D4956)
• Periwinkle Corridor color palette (#F5F1EB, #C4E7EC, #7F9CD4, #417385, #442E3D)
• Washed Powder color palette (#E9FBEC, #95C1FB, #9689BB, #876370, #3E485A)
• Antique Iris color palette (#F5E9F1, #717ACB, #4B333D, #261A22, #0F0B0F)
• Pale Mulberry Villa color palette (#F5E7D1, #9579C5, #893772, #3B3C00, #2B0C16)
• Timeworn Bronze Lantern color palette (#FFEAFD, #D4BBC7, #AD858A, #87621E, #3F3E37)

Browse the whole catalog at Explore, or see today's palette.