Misty Courtyard color palette — #CAF0E4 · #00C8D8 · #0096D7 · #5254CF · #36004C

Iris and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CAF0E4): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00C8D8): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0096D7): A luminous, balanced blue — the color of open sky before noon.
• Iris (#5254CF): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#36004C): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Pale Amethyst Canyon color palette (#D6E8E4, #24C0F1, #3288FE, #7744CC, #44003D)
• Worn Aubergine color palette (#D8EBD0, #00CFAF, #00A1B5, #006DAE, #210068)
• Misty Nightshade color palette (#D1F8FD, #00AFDA, #007FC6, #0038A8, #22006A)
• Washed Garden color palette (#CFE5CE, #00C3BF, #547BFF, #8B5A00, #002934)
• Wandering Atelier color palette (#BCE9E4, #0097B4, #005B91, #131582, #17002F)
• Amethyst Delta color palette (#C1EEF7, #1398F6, #6549FF, #750082, #22000E)
• Muted Violet Thicket color palette (#C0EBF5, #6BB8FF, #926CFF, #9A27A8, #45001E)
• Hushed Loft color palette (#DEF0FF, #0095D9, #514D79, #1B3244, #000609)

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