Worn Amber Courtyard color palette — #F4DBD8 · #FF9E6F · #D88900 · #987A00 · #373F14

Mustard and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F4DBD8): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#FF9E6F): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#D88900): A luminous, balanced gold — the color of old brass.
• Ochre (#987A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#373F14): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Chalky Harbor color palette (#FFE9EE, #FF9C8E, #F46800, #986B00, #46410F)
• Hushed Moss color palette (#F5E4D9, #E6AC4A, #AC9700, #61831F, #1C472B)
• Pale Balcony color palette (#FFF2EC, #FFBA8A, #CF8200, #6F5100, #332A00)
• Wandering Amber Boulevard color palette (#DBEED9, #CBC38F, #C99145, #A76652, #103830)
• Bronze Ridge color palette (#E0F5E6, #DDBB5E, #70C5FF, #A58200, #103953)
• Aged Delta color palette (#D4FCE1, #E6CF71, #C59E00, #947100, #281D00)
• Bronze Meadow color palette (#FFE1CF, #AE7B00, #746700, #375300, #001F07)
• Timeworn Orchard color palette (#F9E7F9, #FF96BB, #FB6372, #B45514, #4F3000)

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