Amber Courtyard color palette — #FFF3E9 · #DE8745 · #2D93CA · #975013 · #224B3E

A conversation between Mustard and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Mustard (#DE8745): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#2D93CA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ochre (#975013): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#224B3E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, 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

• Hazy Cobalt Veranda color palette (#FFF3E5, #CC9341, #588AD5, #8A5A00, #533752)
• Misty Coral Hollow color palette (#FFF2ED, #EC7774, #009DA1, #9A4947, #004D4F)
• Weathered Cerulean color palette (#FFEFE0, #CD9764, #009EB8, #8F550D, #002D36)
• Bronze Chapel color palette (#FFF0F8, #E8A682, #65ABEA, #B96839, #204566)
• Amber Balcony color palette (#FFF3E7, #C57100, #008F80, #725C94, #3C3732)
• Washed Sapphire color palette (#FFDFB1, #AF7800, #006BDB, #694700, #002C60)
• Muted Cocoa color palette (#FFF3E9, #C99E70, #976545, #7A3F1C, #533700)
• Amethyst Basin color palette (#FFF5D3, #A9AA25, #7450D8, #606000, #3C2C6E)

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