Hazy Courtyard color palette — #FDF3ED · #C3F1DA · #81BAFF · #00A891 · #393770

Turquoise and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Honeydew (#C3F1DA): A whisper-light, dusty teal — the color of sea glass.
• Sky (#81BAFF): A luminous, balanced blue — the color of deep harbor water.
• Turquoise (#00A891): A luminous, balanced teal — the color of sea glass.
• Navy (#393770): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Emerald Hollow color palette (#FFF2EE, #AAF3F8, #4FC5F6, #00AD5C, #203F6D)
• Linen Aubergine Villa color palette (#FDF3EB, #ABE3FF, #75ABFF, #00998A, #331A78)
• Antique Teal color palette (#F9F4EF, #CFE5E7, #B4C5F8, #59B3B2, #674855)
• Jade Pier color palette (#FFE4DF, #FFB7C8, #00C6CF, #00AF88, #54162B)
• Linen Pine color palette (#F5E7E3, #90CCCF, #00A0D0, #008342, #001D47)
• Muted Cobalt color palette (#FDECF5, #95DBF7, #3785D8, #006454, #201E48)
• Frosted Cornflower Veranda color palette (#EBDFD9, #75BCD3, #0086E3, #006F5A, #0E063F)
• Forest Veranda color palette (#F7ECE9, #6AAEAE, #0080A2, #006226, #00091A)

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