Tempered Amber Courtyard color palette — #F9D9C6 · #C58D00 · #8F7F00 · #3D6100 · #00270B

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

The five colors

• Shell Pink (#F9D9C6): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#C58D00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#8F7F00): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#3D6100): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#00270B): 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 Tempered 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

• Misty Quarry color palette (#F8E8D2, #9B8A00, #667800, #005616, #001813)
• Timeworn Ember color palette (#F1E0DF, #EC6700, #A96600, #5F5200, #1D2300)
• Amber Drift color palette (#F5E8D4, #BE9400, #726800, #333700, #050900)
• Tempered Loft color palette (#E8EFE2, #8CC143, #7F8A00, #435800, #070E00)
• Linen Olive Basin color palette (#F6EDD5, #85AD6B, #888000, #7D4F00, #001C10)
• Pale Emerald Studio color palette (#E6E4D4, #7FA400, #009238, #006556, #00292B)
• Weathered Peony Study color palette (#E6DBEA, #FF5CC3, #6C8D00, #303E13, #060500)
• Patina Moss Studio color palette (#F3E0C1, #B4B700, #41A600, #008657, #003E35)

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