Azure Courtyard color palette — #FFF2EB · #ECA68D · #A6B576 · #229DCB · #38312D

Cerulean and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Melon (#ECA68D): A luminous, balanced orange — the color of toasted spice.
• Sage (#A6B576): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#229DCB): A luminous, balanced blue — the color of open sky before noon.
• Espresso (#38312D): quiet, heavy and certain.

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

• Antique Cobalt Terrace color palette (#FDF4E5, #D2B173, #B39B4F, #0084BE, #3E2516)
• Periwinkle Villa color palette (#FAF4E9, #D5C284, #85BFA2, #6E9DD4, #403D36)
• Washed Cobalt color palette (#FFF3E3, #FDAFB2, #B9A35E, #6A7DC3, #423C37)
• Sunlit Lagoon Lantern color palette (#FFF1F2, #DFA2D6, #BFAD5E, #00A5A3, #48282D)
• Worn Drift color palette (#FEEBD7, #DB9E59, #36ADE0, #BB5D95, #372104)
• Soft Blush Canyon color palette (#FFF2EE, #F49297, #4EB393, #007DA7, #321F1A)
• Antique Apricot Parlor color palette (#FAF4F0, #DBDBD4, #AABCB1, #E79276, #50453F)
• Moss Atelier color palette (#FFDEBD, #EC8E12, #4BB116, #0077CC, #311900)

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