Amber Courtyard color palette — #F1E1DB · #DB8E00 · #7D6500 · #414B00 · #0C2B00

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

The five colors

• Parchment (#F1E1DB): bright and airy, almost weightless.
• Mustard (#DB8E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#7D6500): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#414B00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#0C2B00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Ancient Courtyard color palette (#F8E4D1, #CF9400, #816800, #5A5600, #394500)
• Misty Harbor color palette (#FFF3E6, #FFC158, #B89900, #736C00, #2F3900)
• Amber Coast color palette (#FAEBE3, #B57900, #626000, #2D3F00, #001E0F)
• Worn Basin color palette (#FBE0E3, #F9623A, #A25900, #554100, #292C00)
• Dusty Bronze Bloom color palette (#F5E8CD, #95A966, #806900, #663500, #00240C)
• Feathered Coast color palette (#EEFABA, #B1B029, #737800, #353A00, #111400)
• Timeworn Bronze Field color palette (#FAE7C9, #857000, #405200, #002E12, #000B07)
• Olive Study color palette (#EDDFC9, #A8B158, #3F8F1C, #006041, #213418)

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