Tempered Courtyard color palette — #F5F4FD · #DAD8CC · #9E75A0 · #48425A · #1C1A23

Heather takes the lead with Charcoal close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F5F4FD): bright and airy, almost weightless.
• Bone (#DAD8CC): bright and airy, almost weightless.
• Heather (#9E75A0): A luminous, dusty pink — the color of neon signs at night.
• Charcoal (#48425A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#1C1A23): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged luxury, dark, 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

• Bronze Thicket color palette (#FDF1FB, #FFDFC2, #A95E55, #4A2C46, #160B14)
• Softworn Parchment color palette (#F3F4FF, #CFE8B7, #A396C0, #696B80, #292A36)
• Timeworn Cabin color palette (#F6F4FA, #EBD8DA, #E89394, #C381AD, #231B23)
• Pewter Field color palette (#FBEEF1, #D5C196, #6F567C, #422830, #1C1013)
• Soft Plum Summit color palette (#F8F2FF, #FFCBB4, #AA367F, #501139, #0B0412)
• Coral Terrace color palette (#FFF1F6, #FFCFD1, #DA8A73, #75754B, #483A47)
• Mustard Market color palette (#FEF0FD, #FEA9A8, #B8B261, #6D8C63, #382E37)
• Blush Balcony color palette (#FCF1FF, #EAD9D2, #F39694, #A96153, #663019)

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