Tempered Amber Courtyard color palette — #DFDEEF · #B58B22 · #5E2C6D · #2D0238 · #030010

Mustard and Royal Purple set the tone — five colors that lean into optimism and creativity.

The five colors

• Frost (#DFDEEF): A whisper-light, dusty violet — the color of a velvet chair.
• Mustard (#B58B22): A luminous, balanced gold — the color of honey in a jar.
• Royal Purple (#5E2C6D): A deep, shadowed, balanced pink — the color of a candy shop window.
• Deep Indigo (#2D0238): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#030010): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Tempered Amber 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

• Soft Garnet Courtyard color palette (#ECE4F9, #A57C00, #610A4D, #220019, #030009)
• Ancient Navy color palette (#D9E7FF, #B38C2E, #293A91, #0D1540, #000110)
• Soft Aubergine color palette (#FFE7EC, #C79B2F, #5E0074, #110017, #040001)
• Pale Mulberry color palette (#EEDDFB, #D6A200, #9C1D67, #511034, #16081F)
• Washed Meadow color palette (#EBD7E5, #C39F52, #90321A, #4E0E00, #160411)
• Antique Market color palette (#F1E3F2, #936E00, #57001A, #291210, #130002)
• Ancient Grove color palette (#EAD9E0, #43BF87, #7845C1, #402A65, #080003)
• Aubergine Workshop color palette (#DEE0F5, #21905B, #350060, #0F0022, #060001)

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