Hazy Courtyard color palette — #CFEED7 · #A47F00 · #3A59F6 · #624B00 · #121F74

Royal Blue and Navy set the tone — five colors that lean into optimism and creativity.

The five colors

• Honeydew (#CFEED7): A whisper-light, dusty teal — the color of glacier melt.
• Mustard (#A47F00): A luminous, balanced gold — the color of old brass.
• Royal Blue (#3A59F6): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#624B00): A full-bodied, balanced gold — the color of old brass.
• Navy (#121F74): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Pale Lapis Garden color palette (#E9E8B8, #9F9822, #5044D5, #555100, #25127A)
• Powdered Lapis color palette (#E5F2E6, #B17A00, #5F49FF, #664500, #12004A)
• Ultramarine Veranda color palette (#FFD9E4, #C78322, #005FBD, #6E4400, #002C5F)
• Cornflower Boulevard color palette (#F3E3C2, #CDAD2A, #3274EC, #7D6700, #002473)
• Misty Dune color palette (#D9FFF2, #95B125, #8552BB, #536500, #462A64)
• Aged Grape color palette (#C5E7DE, #6C9F3C, #7A36A1, #305400, #3A0F52)
• Honey Study color palette (#F4E2C5, #F4C231, #6B8FEA, #A88200, #11256A)
• Hushed Ember color palette (#FED8F0, #DE4D00, #007C9A, #872B00, #003442)

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