Amber Courtyard color palette — #DDE2C2 · #CB7E00 · #008EB1 · #101B28 · #010A10

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

The five colors

• Celadon Mist (#DDE2C2): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#CB7E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#008EB1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Midnight (#101B28): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#010A10): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged neon, dark, vibrant, muted.

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

• Muted Ember Orchard color palette (#FEEAD2, #E96400, #009297, #07161D, #000508)
• Hazy Cornflower color palette (#DDEEDF, #899E00, #007FEE, #110E27, #01040B)
• Coral Lagoon color palette (#E6E0BE, #FF5F5E, #0088DE, #053152, #000504)
• Hushed Cornflower color palette (#DBF1D5, #ECB12C, #5282EC, #2A194C, #0B172A)
• Washed Aubergine Terrace color palette (#DCDEE9, #BAB6C7, #9C85A1, #482D8D, #1B1E2D)
• Nocturne Navy color palette (#DBE6F8, #9C7300, #01057C, #00012E, #00020C)
• Pale Lapis color palette (#CCE7E7, #008B51, #571CFF, #13041D, #00010A)
• Periwinkle Thicket color palette (#E5E7D9, #FFCA9A, #52A7EC, #33364D, #1F252B)

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