Frosted Courtyard color palette — #FFF0F9 · #FFC7A3 · #DE8B44 · #995F00 · #523501

Mustard and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Wheat (#FFC7A3): A whisper-light, balanced gold — the color of old brass.
• Mustard (#DE8B44): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#995F00): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#523501): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Rust Station color palette (#FEF0FF, #FFC0BF, #E68072, #AE4C33, #673725)
• Misty Corridor color palette (#FFDAD8, #F18561, #B2620D, #654904, #312E27)
• Apricot Pier color palette (#FFEAFD, #FFBBA1, #F18B3A, #A57B28, #2B523B)
• Hushed Marigold color palette (#DFFFE1, #EED193, #BC9C29, #807000, #4A4918)
• Bronze Basin color palette (#FFF1F6, #CAE6C8, #BD956F, #955A30, #233826)
• Sunlit Amber Thicket color palette (#FFF1F5, #FBCA93, #6AD2AB, #BE7800, #004430)
• Hushed Marigold color palette (#DFFFE2, #C8DDC6, #C89A44, #715000, #281900)
• Hushed Bronze color palette (#FEECE0, #BB6D00, #774B00, #372400, #070400)

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