Amber Courtyard color palette — #F6D9CF · #C87E00 · #866D00 · #3C5300 · #000F03

Mustard takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F6D9CF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#C87E00): A luminous, balanced gold — the color of old brass.
• Walnut (#866D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#3C5300): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#000F03): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Worn Bronze color palette (#F0E3CF, #9C7B00, #655800, #2E2E00, #080B00)
• Hushed Olive color palette (#F3DEC5, #A28E00, #528200, #005C35, #000F0B)
• Nightshade Drift color palette (#F2E0CB, #CA6D00, #656F00, #4823A8, #120900)
• Linen Ember Archive color palette (#FED6DD, #EA5422, #A25D00, #584600, #080A00)
• Aubergine Grove color palette (#F3DDCD, #C85E00, #00746C, #6C007B, #120014)
• Wandering Lantern color palette (#F4EFEA, #B0B2A2, #8F9F82, #A45E00, #1F1002)
• Gentle Studio color palette (#FBEDE5, #F6A701, #A19C00, #477E00, #003420)
• Pine Balcony color palette (#FADDCE, #A9943F, #2E904D, #6C4687, #29072D)

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