Amber Courtyard color palette — #E8F6EA · #C99000 · #475E58 · #323B33 · #261F23

A conversation between Mustard and Charcoal Brown, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#E8F6EA): A whisper-light, dusty green — the color of fresh herbs.
• Mustard (#C99000): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#475E58): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#323B33): a grounded near-black with real depth.
• Onyx (#261F23): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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 Moss Boulevard color palette (#E0F8F1, #83AB4A, #455D60, #2D3C38, #1E231F)
• Coral Courtyard color palette (#FDECF9, #EB725C, #4C5D4E, #3F343C, #232025)
• Muted Stone Basin color palette (#EAF5EC, #D0B37B, #6C8174, #4B594D, #1D241D)
• Timeworn Thicket color palette (#FAF0E2, #977735, #3F3C35, #2E281E, #161510)
• Washed Lime Market color palette (#DFFDF2, #AABB62, #B497CA, #A77C97, #324840)
• Worn Honey Meadow color palette (#FFF1F5, #E7C66F, #9C9F4F, #5F8159, #2F5354)
• Tempered Studio color palette (#EAF9F3, #C1CC85, #B8A5E3, #8A9350, #484B64)
• Cellar Pier color palette (#D2E8DE, #737800, #003B3C, #021B13, #020602)

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