Azure Courtyard color palette — #FAF4F0 · #CBE6E4 · #67A0C7 · #2E7E71 · #5E4B5D

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CBE6E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#67A0C7): A luminous, balanced blue — the color of open sky before noon.
• Teal (#2E7E71): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#5E4B5D): A full-bodied, dusty pink — the color of peonies in June.

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

• Ash Drift color palette (#EAF4F3, #CFDBF0, #73A4B9, #467282, #233949)
• Washed Coral color palette (#ECF9F3, #7EB9D7, #D47B80, #1D7CA4, #65443A)
• Tempered Shell Market color palette (#E8FBEE, #EDD7D5, #EEB6BF, #5C9690, #465752)
• Aged Study color palette (#F8EAE4, #6DAAB6, #005F83, #003F33, #001E43)
• Wandering Bloom color palette (#E8FBEF, #49A6C0, #C1705F, #976C3E, #34483C)
• Weathered Veranda color palette (#F5E7DE, #498AA4, #003E6D, #002221, #03002E)
• Hushed Alley color palette (#DDFEF1, #98CAE9, #298ABA, #005676, #113E30)
• Cornflower Market color palette (#FFF3E8, #9CD6FE, #3F7BE3, #00656C, #3A3A64)

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