Amber Courtyard color palette — #FFF4E1 · #DFD27D · #B68A00 · #865200 · #262B00

Built around Mustard, softened by Honey — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Honey (#DFD27D): A whisper-light, balanced green — the color of a quiet forest floor.
• Mustard (#B68A00): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#865200): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#262B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

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

• Amber Delta color palette (#FFF3E9, #FFC37E, #D57529, #944530, #372400)
• Bronze Lagoon color palette (#FFF3E2, #CFBB61, #A27500, #704000, #191A00)
• Hushed Bronze Harbor color palette (#F3E0CB, #A87F00, #6C4300, #381700, #010100)
• Hushed Orchard color palette (#FEECD1, #CACF7A, #C69D4A, #AA6F50, #35362F)
• Soft Lantern color palette (#DBF7E2, #AD9D5C, #836400, #624200, #3B3706)
• Terracotta Basin color palette (#F7E1D1, #C38D59, #984300, #5C130A, #070300)
• Antique Thicket color palette (#F9F0D7, #6B7C06, #433D00, #1A1100, #000200)
• Timeworn Pier color palette (#FFF0F8, #987BFF, #9A6300, #015C14, #00111B)

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