Azure Courtyard color palette — #FCF4E7 · #C3F2DA · #3F9AD4 · #00696E · #001D42

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Honeydew (#C3F2DA): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#3F9AD4): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00696E): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#001D42): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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

• Periwinkle Field color palette (#FBF4EA, #C2E4F6, #71AAE8, #007D8D, #1D2C52)
• Softworn Grove color palette (#F1EADF, #77A8CD, #1352A1, #002A33, #00000B)
• Worn Courtyard color palette (#E6F2E8, #7DBBD4, #006FA4, #004F53, #0C2E55)
• Chalky Hollow color palette (#FAF4EB, #A3D1FC, #4A77CC, #004E62, #080034)
• Patina Petrol color palette (#F7EDDC, #81C3CE, #007290, #003E38, #000307)
• Feathered Lilac color palette (#FFF1F7, #9E74F4, #C36500, #007D69, #110228)
• Tempered Pier color palette (#FFF1F7, #EBD7DE, #FEB9B8, #7383C1, #291434)
• Washed Meadow color palette (#FAF4EC, #BEE2E8, #89C6D4, #41937D, #264739)

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