Hazy Courtyard color palette — #FAE8F9 · #FF7779 · #00A8B9 · #AD5052 · #003D44

Watermelon and Brick set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FAE8F9): A whisper-light, dusty pink — the color of peonies in June.
• Watermelon (#FF7779): A luminous, vivid orange — the color of autumn markets.
• Cyan (#00A8B9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Brick (#AD5052): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#003D44): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Balance. Tagged warm.

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

• Timeworn Apricot color palette (#FFF0F9, #FF996E, #4DB3D7, #B5694A, #21475C)
• Weathered Blush Workshop color palette (#F5E9FF, #F574B9, #17AE89, #A74E7E, #004030)
• Frosted Mulberry color palette (#FEE6FC, #D2686B, #008993, #9F182D, #003E42)
• Rose Studio color palette (#FCEAE4, #FCA2A4, #26D2E6, #ED3251, #003D44)
• Feathered Drift color palette (#FFE7EE, #F7A536, #008BDB, #9E6200, #0E3857)
• Frosted Scarlet Delta color palette (#FAEBF6, #F1300A, #008398, #9A1600, #001F26)
• Crimson Corridor color palette (#FFF2EE, #F8A5AB, #939BFF, #D61D4D, #1F1E57)
• Quiet Coast color palette (#F9DAF2, #F7574B, #29A34A, #5B74B8, #3B2037)

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