Azure Courtyard color palette — #D5E7F8 · #2797DE · #3C4F65 · #21303C · #12191F

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D5E7F8): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#2797DE): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#3C4F65): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#21303C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#12191F): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Hushed Lagoon color palette (#D5E9EE, #00A4A3, #31525F, #203136, #0E1B1D)
• Dusty Iris Harbor color palette (#DFE4F6, #8F7EDE, #494A65, #292D3D, #151821)
• Ancient Azure color palette (#E7FAF4, #44A6EB, #563C56, #0D231D, #020704)
• Antique Alley color palette (#D7EAE3, #38B5FC, #86637C, #365047, #141A15)
• Timeworn Petrol Veranda color palette (#D6E7F5, #2078AB, #283247, #0C2131, #0B0F15)
• Softworn Blush Boulevard color palette (#F1F5FF, #9E9BE4, #D177A1, #0095B4, #2F3651)
• Feathered Sapphire color palette (#DBE9FD, #2C66FE, #2F335F, #0B1938, #000716)
• Washed Cobalt color palette (#F0F5FF, #A2B4F4, #5AB9A1, #697CC1, #0F4B51)

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