Azure Courtyard color palette — #DDF2F2 · #00CFF6 · #28A0FC · #5D6AC7 · #453660

Cornflower and Cornflower Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DDF2F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00CFF6): A luminous, balanced blue — the color of open sky before noon.
• Cornflower (#28A0FC): A luminous, vivid blue — the color of open sky before noon.
• Cornflower Indigo (#5D6AC7): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#453660): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Sunlit Lantern color palette (#E0F8FF, #5CCBFF, #1A8DE3, #3B5FA0, #282E58)
• Airy Aqua color palette (#DBEBE2, #1DCFC2, #00AED0, #0080B5, #2E3B5E)
• Ancient Basin color palette (#CEF1FF, #8EC1FF, #9089FF, #895DAE, #523251)
• Soft Periwinkle color palette (#EBF1FF, #BDC9FF, #6EA4FF, #566CC1, #151E4D)
• Muted Navy color palette (#CAECF4, #0CA1CB, #006AA9, #2A3B89, #1A1640)
• Linen Mustard Loft color palette (#DBF6EC, #79C8FF, #E3B521, #008FD4, #433300)
• Dusty Sapphire Pier color palette (#C2E6EC, #00A8DB, #2066FA, #5340C3, #2A0944)
• Misty Byzantium Loft color palette (#E1F1FF, #91B1FF, #977BFF, #9D10CB, #5B0A44)

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