Weathered Azure Courtyard color palette — #F7F0EC · #C7E5E3 · #66A3D1 · #3F776F · #40303E

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

The five colors

• Cream (#F7F0EC): bright and airy, almost weightless.
• Silver (#C7E5E3): A whisper-light, dusty teal — the color of sea glass.
• Cornflower (#66A3D1): A luminous, balanced blue — the color of open sky before noon.
• Teal (#3F776F): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#40303E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered 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

• Washed Grove color palette (#F4F6EE, #C5E6E5, #72A0B8, #567860, #335248)
• Lilac Archive color palette (#F6F2E7, #BEB670, #A08FD7, #7C732C, #412834)
• Tempered Denim color palette (#F5EBE5, #5DA9BD, #005F8A, #003A32, #000824)
• Navy Studio color palette (#F5E7DB, #4992BF, #0040A2, #002B2E, #04001A)
• Washed Cerulean Lagoon color palette (#FAEFEA, #B2D1B8, #0088B1, #005D48, #2C172F)
• Wandering Coast color palette (#FCEFE3, #A4D6FF, #517CE4, #00616B, #231B4B)
• Iris Lagoon color palette (#F9F2DD, #A6A04E, #7E85D5, #8B67A3, #2E2712)
• Timeworn Chestnut Dune color palette (#F5F2E8, #C0BD9E, #898558, #774F05, #2B2E1F)

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