Pale Courtyard color palette — #DFF4FF · #007790 · #A10608 · #00313C · #040000

Built around Garnet, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Frost (#DFF4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007790): A full-bodied, balanced blue — the color of deep harbor water.
• Garnet (#A10608): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Forest (#00313C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Muted Mulberry color palette (#CAEEF6, #007B76, #99015C, #003330, #040001)
• Washed Cobalt color palette (#CFE4FA, #006FB6, #7A4700, #002D4E, #020100)
• Eclipse Garnet color palette (#D2E7D9, #005B6B, #751200, #00252D, #130100)
• Rust Grove color palette (#CBE6D4, #008DA4, #C63400, #005F6F, #120100)
• Patina Garnet color palette (#CEE7FF, #00588F, #86002C, #620018, #000103)
• Hazy Hollow color palette (#EDF7FF, #6BC2FF, #CE5F00, #0069A0, #2C0F00)
• Obsidian Bronze color palette (#DBE6DA, #7E7338, #543400, #280500, #010100)
• Washed Cerulean color palette (#D8EBF4, #008AAC, #004860, #17161D, #00070C)

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