Frosted Courtyard color palette — #D3E5ED · #00B5D1 · #407AFB · #823BA5 · #002718

Azure and Plum set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D3E5ED): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#00B5D1): A luminous, balanced blue — the color of deep harbor water.
• Azure (#407AFB): A luminous, vivid violet — the color of a velvet chair.
• Plum (#823BA5): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Forest (#002718): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Violet Meadow color palette (#D5E4F0, #17ADF6, #8468EF, #96367D, #002524)
• Frosted Dune color palette (#CEE7EB, #00BBAC, #008EC7, #5E4CB6, #062700)
• Softworn Cornflower color palette (#CFE6EF, #00B7C9, #0784F0, #723FB8, #3C022A)
• Feathered Coast color palette (#E6F4FF, #51BDFA, #8780F7, #9C4C99, #4F111C)
• Hushed Periwinkle Bloom color palette (#D3EBF8, #8CBDDC, #689BDC, #8D6498, #403551)
• Dusty Byzantium Ridge color palette (#D8E5F5, #167BF9, #8B00D3, #7D0046, #00090C)
• Patina Grape color palette (#EDFAE1, #00AB84, #7540BA, #612100, #1C0500)
• Sky Boulevard color palette (#CBE8EF, #00C0E8, #009DC9, #006F99, #003551)

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