Amber Courtyard color palette — #FDF4E7 · #EBAF88 · #B28A50 · #4E7B53 · #4C4641

Caramel and Sand set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF4E7): a clean, paper-quiet neutral.
• Sand (#EBAF88): A luminous, balanced gold — the color of afternoon light on wheat.
• Caramel (#B28A50): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#4E7B53): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal (#4C4641): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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 Pier color palette (#FDF4E2, #D3BB88, #999742, #307E70, #5C4300)
• Wandering Cocoa Drift color palette (#FEF3E8, #EAACA7, #C18063, #6C7447, #703513)
• Antique Stone color palette (#FFF3E4, #E2D2B4, #BAB191, #7A8671, #445443)
• Timeworn Orchard color palette (#FFF4DF, #DF8E8B, #8D7344, #3B5C7D, #6E3707)
• Chalky Bloom color palette (#FFF4E0, #DF9700, #927D00, #006B51, #463200)
• Sunlit Amber color palette (#EADCC2, #B98900, #726C00, #005447, #2D2300)
• Cocoa Villa color palette (#FCF4E4, #FFCED7, #B79E72, #577597, #662C06)
• Emerald Boulevard color palette (#FBF5E3, #ADBA62, #5F974E, #00707E, #3E3D36)

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