Pale Courtyard color palette — #CCF3E2 · #00BBC1 · #DF0096 · #451F33 · #0B0212

Fuchsia takes the lead with Cyan close behind in a set that reads as energy and balance at first glance.

The five colors

• Honeydew (#CCF3E2): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00BBC1): A luminous, balanced teal — the color of glacier melt.
• Fuchsia (#DF0096): A full-bodied, vivid rose — the color of strawberry cream.
• Espresso (#451F33): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#0B0212): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Energy, Balance. Tagged neon, dark, vibrant.

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

• Peony Basin color palette (#EDEAFF, #00AFCD, #FF329A, #34203F, #0F0315)
• Soft Crimson Corridor color palette (#DBEBF3, #00B4B0, #E92E45, #4F1F20, #0A010A)
• Frosted Raspberry Summit color palette (#F7DEE2, #00909B, #C900AB, #2E0727, #030106)
• Patina Mulberry color palette (#E8DEF0, #85B666, #9B466F, #5C1F3E, #050009)
• Muted Peony Veranda color palette (#D7F3EB, #A5BBFF, #E65EAD, #6D3654, #1B1322)
• Peony Study color palette (#E1F2FF, #81A900, #FA137D, #320314, #140302)
• Violet Pier color palette (#DBE4C1, #00B6E0, #885FE6, #2A2E4E, #060715)
• Hushed Rose color palette (#F6E2F6, #DF5464, #009193, #007173, #220004)

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