Weathered Courtyard color palette — #DDF5FC · #20AA20 · #00878F · #0050D2 · #000203

Cobalt takes the lead with Kelly Green close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DDF5FC): A whisper-light, dusty blue — the color of deep harbor water.
• Kelly Green (#20AA20): A luminous, vivid green — the color of new leaves after rain.
• Cerulean (#00878F): A full-bodied, balanced blue — the color of open sky before noon.
• Cobalt (#0050D2): A full-bodied, vivid violet — the color of a velvet chair.
• Black (#000203): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Ultramarine Delta color palette (#D0E2EC, #00AF84, #008798, #3C2BD5, #000205)
• Airy Cabin color palette (#D3E5E8, #69A900, #009482, #006599, #000708)
• Hazy Delta color palette (#E5F3E3, #67BE43, #00AB9E, #6061E3, #000407)
• Pale Emerald color palette (#DBF6F2, #B59200, #009136, #006973, #000704)
• Grape Delta color palette (#E0EDFC, #00A3A2, #0080B8, #8300BB, #000413)
• Timeworn Coast color palette (#D3E6D5, #009080, #006E70, #004454, #000406)
• Weathered Archive color palette (#CFEEDF, #3C8085, #204D9B, #502B00, #1F1300)
• Weathered Archive color palette (#F9ECF1, #679AB6, #0055AD, #003B3D, #06002B)

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