Pale Courtyard color palette — #DBFAF1 · #007CC7 · #7C3076 · #5B2C00 · #0D3506

Cerulean and Mulberry set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DBFAF1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#007CC7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#7C3076): A full-bodied, balanced pink — the color of neon signs at night.
• Espresso (#5B2C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#0D3506): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

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

• Tempered Mulberry color palette (#DFF4E6, #008BA1, #7D3570, #3E3300, #051900)
• Sapphire Dune color palette (#FFEAFC, #4571D4, #88304F, #443A00, #003333)
• Feathered Lantern color palette (#E2F9E9, #00859B, #5C4191, #671B23, #322C00)
• Turquoise Orchard color palette (#E2F5FF, #00A7C3, #9B558C, #5E4F00, #183400)
• Weathered Quarry color palette (#FCF4E8, #97CEEA, #407DB1, #005E67, #4A3048)
• Faded Ultramarine color palette (#F1D8F0, #0053B1, #640047, #2E1A00, #00170B)
• Iris Quarry color palette (#D9E0EF, #7A8BFF, #6A55C2, #55397B, #402C4D)
• Weathered Chestnut color palette (#CDE8FF, #949CCB, #8A6771, #7A4A0D, #523D00)

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