Azure Courtyard color palette — #FDF3ED · #B3E1C7 · #4C9DD5 · #1D7C71 · #4C2F49

Cornflower and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Mint (#B3E1C7): A whisper-light, dusty teal — the color of shallow lagoons.
• Cornflower (#4C9DD5): A luminous, balanced blue — the color of deep harbor water.
• Teal (#1D7C71): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#4C2F49): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, 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

• Iris Pier color palette (#FAF4ED, #B1D9FF, #7891DC, #0D7989, #512D41)
• Softworn Cypress Alley color palette (#FFF2EC, #B9E0C0, #4EA1C0, #217D60, #0C4439)
• Softworn Loft color palette (#FEF2EC, #AACFBA, #4A7CAD, #00624F, #33365E)
• Washed Glacier color palette (#FFF2EC, #0AE5F5, #009AC4, #007558, #00355C)
• Antique Lagoon color palette (#FAF3F7, #C2E6FB, #7BB6F7, #00A388, #34365B)
• Pale Basin color palette (#F8E9DE, #459EBF, #005B98, #003C39, #02002E)
• Hushed Canyon color palette (#FDECE3, #24B8B6, #007287, #004D2D, #001624)
• Softworn Cobalt Quarry color palette (#F3E2D5, #73BCE0, #2F76C2, #005959, #151945)

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