Frosted Courtyard color palette — #FCD8F3 · #00D183 · #009FBA · #CA0028 · #00312A

Ruby takes the lead with Clover close behind in a set that reads as nature and growth at first glance.

The five colors

• Thistle (#FCD8F3): A whisper-light, dusty pink — the color of a candy shop window.
• Clover (#00D183): A luminous, vivid teal — the color of sea glass.
• Cerulean (#009FBA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ruby (#CA0028): A full-bodied, vivid orange — the color of autumn markets.
• Deep Forest (#00312A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Powdered Lime color palette (#FFD7F0, #41D30F, #00A2A6, #C5005C, #00321F)
• Brick Boulevard color palette (#FFDCD1, #00CDB0, #1AA2DF, #AF3200, #003032)
• Ancient Boulevard color palette (#CBF1ED, #00CA53, #7176FF, #A64600, #361E00)
• Pale Atelier color palette (#E6F4E7, #77D4CF, #1CA9FB, #AE603F, #50350A)
• Softworn Plum color palette (#FFD8E9, #B2BB00, #00A684, #A038A0, #153100)
• Pale Cornflower Boulevard color palette (#CCE7C9, #00C1CA, #4286EB, #8D5900, #002935)
• Aged Garden color palette (#FEF1FA, #9FE1C8, #6FB9D9, #B37C6F, #314D53)
• Indigo Hollow color palette (#D8F8E1, #00A8D1, #695FE2, #695200, #00172B)

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