Amber Courtyard color palette — #FFF3E9 · #E9DAB9 · #E5B8F5 · #CF8652 · #5B3C44

Built around Mustard, softened by Lavender — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Wheat (#E9DAB9): A whisper-light, dusty gold — the color of old brass.
• Lavender (#E5B8F5): A whisper-light, balanced pink — the color of neon signs at night.
• Mustard (#CF8652): A luminous, balanced gold — the color of afternoon light on wheat.
• Cocoa (#5B3C44): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Optimism, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

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

• Ancient Blush Basin color palette (#FFF2EF, #F5D3C8, #B7CAFF, #D07E8E, #543E50)
• Tempered Taupe color palette (#F9F5EA, #F2E7A6, #FFB3C5, #AA9B3E, #5A3E39)
• Aged Bronze color palette (#FDF3EB, #E2DCC2, #CEA488, #A56A40, #593700)
• Driftwood Archive color palette (#F8F5ED, #C6DFCB, #96863E, #594200, #1F1B11)
• Wandering Seafoam color palette (#FBF4EA, #FFE2A7, #7FE1CE, #B59552, #3A4C32)
• Mint Atelier color palette (#FFF3E4, #F0C384, #91CD89, #CE8D97, #3C3832)
• Tempered Bronze Ridge color palette (#FFF3E9, #D9A280, #6B9FC6, #9F6137, #26584A)
• Peony Hollow color palette (#FFF3E4, #DF9B00, #E34DB7, #845A00, #300123)

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