Amber Courtyard color palette — #F8EDDE · #EDB351 · #84B0FF · #BF8400 · #20345A

Mustard and Saffron set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8EDDE): A whisper-light, dusty gold — the color of old brass.
• Saffron (#EDB351): A luminous, balanced gold — the color of honey in a jar.
• Cornflower (#84B0FF): A luminous, balanced violet — the color of wild irises.
• Mustard (#BF8400): A luminous, balanced gold — the color of afternoon light on wheat.
• Navy (#20345A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Airy Sky color palette (#FAECDE, #FFC68A, #1DC2F6, #B06C00, #003B4E)
• Faded Quarry color palette (#FBF5E4, #D2D17D, #9FBCFF, #A7A43D, #543750)
• Wisteria Corridor color palette (#F4EEDC, #DED95C, #C09AFF, #878200, #3B2C53)
• Weathered Ember color palette (#FFE9DF, #FFA38F, #26D2E6, #DB553C, #003D44)
• Muted Mustard color palette (#E5DBE8, #94C2FF, #B6A700, #545027, #211D10)
• Linen Courtyard color palette (#FFF3E3, #F5B10E, #00C1A6, #996D00, #003028)
• Wandering Hollow color palette (#F5E5D1, #D0C281, #C59346, #A76844, #32312A)
• Weathered Peony Quarry color palette (#E4F4E3, #DE971F, #D467B8, #996500, #4C2642)

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