Hazy Courtyard color palette — #CBE7EE · #007B75 · #9A0055 · #003330 · #040001

Raspberry and Teal set the tone — five colors that lean into balance.

The five colors

• Frost (#CBE7EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#007B75): A full-bodied, balanced teal — the color of sea glass.
• Raspberry (#9A0055): A full-bodied, vivid rose — the color of strawberry cream.
• Deep Forest (#003330): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: 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

• Terracotta Courtyard color palette (#D5F4FF, #007791, #9F1100, #00313D, #040000)
• Powdered Field color palette (#CBF3F2, #007F4E, #870096, #00351D, #030004)
• Antique Garnet color palette (#DFF6D9, #005E56, #750039, #002723, #130005)
• Weathered Plum Courtyard color palette (#C1EAF5, #009090, #BF2B78, #006161, #120007)
• Raspberry Quarry color palette (#F6E4CC, #E3009B, #00828C, #070C10, #000102)
• Cobalt Cabin color palette (#CBE3FB, #0081DB, #8B5C00, #003D6D, #020100)
• Washed Meadow color palette (#C6E8E9, #00939C, #004F4F, #212027, #00090A)
• Pale Bronze color palette (#DDF2FF, #00A0CC, #B75F00, #00566F, #110400)

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