Hazy Courtyard color palette — #FFF0FB · #9CB3FF · #FA5B58 · #00858D · #1B2471

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

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Sky (#9CB3FF): A luminous, balanced violet — the color of wild irises.
• Watermelon (#FA5B58): A luminous, vivid orange — the color of autumn markets.
• Teal (#00858D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#1B2471): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

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

• Faded Coral Thicket color palette (#FFECF2, #C2A0E7, #D47466, #007F85, #371B50)
• Airy Amber Chapel color palette (#FFF0F9, #AFACFF, #D58300, #007EB5, #2D1E6E)
• Feathered Canyon color palette (#FFF0F8, #B4AAFF, #E162BA, #008A63, #311D6B)
• Patina Grove color palette (#F0DBE4, #A592EB, #CE5573, #007353, #260057)
• Weathered Denim Boulevard color palette (#E8EBFF, #E8C4DC, #C99DC5, #3A9B92, #15497C)
• Ancient Peony color palette (#E4FCF1, #41C6FD, #E76FBE, #248404, #003649)
• Cerulean Hollow color palette (#FEF2F2, #E4B8D2, #C2A666, #4A8DBF, #59354C)
• Timeworn Wisteria color palette (#F5F3FF, #CB74D6, #B85900, #166709, #00354A)

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