Azure Courtyard color palette — #EAF9F4 · #F8CAB4 · #689BC3 · #416785 · #122621

A conversation between Blue Fog and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Wheat (#F8CAB4): A whisper-light, dusty orange — the color of sun-warmed clay.
• Blue Fog (#689BC3): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#416785): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#122621): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Weathered Denim Pier color palette (#FEF1F9, #D2DCA5, #8B8FC9, #5B5C93, #2A1D25)
• Petrol Boulevard color palette (#ECF7FF, #A7D1AD, #277BA2, #0B4863, #18232B)
• Weathered Lagoon color palette (#EDF8F3, #C0F6C2, #2980A4, #0C3E52, #04130D)
• Patina Orchard color palette (#F9F3F7, #E3D8D7, #BAB1A6, #92A8EE, #4D454B)
• Weathered Aubergine color palette (#EDD7E0, #94C987, #806AB2, #523287, #19030E)
• Weathered Corridor color palette (#F2DDF0, #F7AF23, #3277F3, #1547A1, #000B31)
• Tempered Apricot color palette (#EBF3FC, #EF9989, #2E5785, #17283B, #050D17)
• Airy Emerald color palette (#F7F7E2, #A3CBFB, #BB90D7, #579348, #4F3247)

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