Tempered Courtyard color palette — #F9F2FF · #F4C869 · #CB659F · #883D68 · #22122E

Hot Pink takes the lead with Honey close behind in a set that reads as optimism and balance at first glance.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Honey (#F4C869): A whisper-light, balanced gold — the color of honey in a jar.
• Hot Pink (#CB659F): A luminous, balanced rose — the color of pressed rose petals.
• Raspberry (#883D68): A full-bodied, balanced rose — the color of pressed rose petals.
• Deep Indigo (#22122E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Balance. Tagged luxury, dark.

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

• Wisteria Delta color palette (#F4F4FF, #F4C869, #AF6FCB, #77408E, #1A1534)
• Ember Atelier color palette (#FFF0FA, #ECCA82, #DD6345, #943C27, #261321)
• Patina Plum color palette (#E5D9EB, #D6B36B, #AF5878, #752948, #110616)
• Patina Plum Market color palette (#F6F3FF, #80CEA2, #99418F, #5B1E54, #1E152D)
• Ancient Lagoon color palette (#FDF2F6, #C5E9CC, #BF956D, #86606F, #35272C)
• Mustard Dune color palette (#F8DBE9, #EDB523, #C26000, #7A3A00, #1E0513)
• Garnet Delta color palette (#F6E3F4, #C79F46, #A84046, #6F0018, #070007)
• Byzantium Lantern color palette (#FFF1F3, #84F4AB, #A42DA6, #481549, #130205)

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