Frosted Courtyard color palette — #CEEFDE · #777000 · #513DBE · #3F3B00 · #180B49

A conversation between Iris and Olive, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#CEEFDE): A whisper-light, dusty teal — the color of sea glass.
• Olive (#777000): A full-bodied, balanced green — the color of new leaves after rain.
• Iris (#513DBE): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#3F3B00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#180B49): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged 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

• Tempered Garden color palette (#CBF1E5, #6D871D, #6017A6, #314000, #250146)
• Worn Lagoon color palette (#D3E9D2, #946100, #0058AA, #503200, #001A3A)
• Aged Lapis color palette (#EFE8D4, #A39B25, #5E4FC0, #5A5500, #19084B)
• Aubergine Chapel color palette (#D9E6CA, #4B6B00, #700099, #223300, #1B0029)
• Quiet Mulberry Coast color palette (#C8EFED, #219252, #7E007A, #004621, #320030)
• Pale Garnet color palette (#E7EBC7, #5C5F00, #005574, #710045, #121300)
• Worn Byzantium color palette (#CBF2BF, #4FAD22, #A52CC1, #1B4E00, #470E54)
• Pale Moss Delta color palette (#E5FBF2, #9BAA32, #8B7CCA, #636D04, #3A405F)

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