Azure Courtyard color palette — #D4F5FC · #18A3D3 · #4D7EA7 · #614B72 · #310D16

Built around Cyan, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Frost (#D4F5FC): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#18A3D3): A luminous, balanced blue — the color of deep harbor water.
• Slate (#4D7EA7): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#614B72): A full-bodied, dusty violet — the color of twilight just after sunset.
• Ink (#310D16): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Balance. Tagged vintage, retro, 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

• Aged Periwinkle Delta color palette (#D9E5EF, #5A96F0, #6971B6, #7C4568, #34110E)
• Washed Teal color palette (#D6F3ED, #00A7AB, #00859F, #4B4B74, #26183E)
• Denim Summit color palette (#C5EEE0, #33919F, #39599B, #5F3100, #2A1200)
• Peony Orchard color palette (#E0F5ED, #0097DB, #C73EA9, #00699B, #22001A)
• Cobalt Canyon color palette (#DEF2F9, #4E85C7, #007198, #00496B, #00172A)
• Powdered Cobalt Field color palette (#E8EDDC, #6DBAE7, #1689D4, #006983, #00142D)
• Airy Boulevard color palette (#E4EFFD, #4B9BFF, #0076D2, #004488, #00030D)
• Powder Harbor color palette (#CCEFFF, #70C5FF, #87A3DA, #936F95, #62234C)

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