Hazy Courtyard color palette — #FFF2EC · #8CF9FB · #00CAF2 · #42A679 · #104464

Cyan and Jade set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sea Foam (#8CF9FB): A whisper-light, balanced teal — the color of glacier melt.
• Cyan (#00CAF2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Jade (#42A679): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#104464): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Sky Workshop color palette (#FFF2EA, #BFEDFF, #72BDFF, #00A69E, #2D3D6C)
• Turquoise Coast color palette (#E6FAF6, #76F2F4, #00B0BE, #008477, #004854)
• Pine Harbor color palette (#FCF1FC, #CCDBF4, #43BEE9, #178D44, #113560)
• Powder Meadow color palette (#FCF3EF, #BEE6F2, #98CFEF, #95A98A, #5D4C5D)
• Patina Ridge color palette (#E9F6EB, #A1DCDD, #0093A7, #00644F, #002938)
• Antique Meadow color palette (#FDECE1, #5EACC9, #0079C2, #005E58, #020427)
• Weathered Azure Pier color palette (#F0DFD2, #68CDFB, #4F96E0, #007D7C, #141A43)
• Sunlit Mustard Orchard color palette (#E1FFDB, #AEEEF4, #ACCCF8, #B9B465, #414F01)

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