Frosted Courtyard color palette — #EAFAF0 · #25BAD6 · #837DC3 · #823E46 · #1E1F09

Cyan and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAFAF0): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#25BAD6): A luminous, balanced blue — the color of deep harbor water.
• Slate Blue (#837DC3): A luminous, balanced violet — the color of wild irises.
• Coffee (#823E46): A full-bodied, balanced red — the color of a theater curtain.
• Onyx (#1E1F09): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

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

• Teal Corridor color palette (#EFF9EB, #36C4B0, #2788BC, #813C60, #211B09)
• Wandering Periwinkle Corridor color palette (#FFF0FD, #8BA2E6, #866FAA, #884C19, #101A07)
• Chestnut Bloom color palette (#EBFAEE, #69CCD7, #B3719A, #89481A, #342A00)
• Ancient Glacier Workshop color palette (#FFF2EA, #6CE1E2, #6A95C8, #86563C, #1D3829)
• Hushed Studio color palette (#E4FCEF, #21ADD9, #513F50, #10231A, #030703)
• Plum Coast color palette (#FFF0F8, #8A7BD0, #B4485B, #475600, #000F0A)
• Terracotta Pier color palette (#E5FCEA, #0097A5, #A01E00, #1B4500, #000301)
• Amethyst Summit color palette (#D8FFF5, #178DF8, #7A2BE3, #6C2C00, #000502)

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