Ultramarine Courtyard color palette — #DFFCF9 · #2EB85A · #008D69 · #1037DA · #541D00

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

The five colors

• Ivory (#DFFCF9): A whisper-light, dusty teal — the color of shallow lagoons.
• Clover (#2EB85A): A luminous, vivid green — the color of a quiet forest floor.
• Fern (#008D69): A full-bodied, balanced teal — the color of sea glass.
• Cobalt (#1037DA): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#541D00): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Creativity, Energy. Tagged vibrant.

Use it as a design system

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

• Amethyst Delta color palette (#C7F2ED, #00A93B, #692DF6, #8A0111, #411300)
• Soft Atelier color palette (#FFF0FB, #F36B4D, #008D66, #6625B8, #5D0228)
• Worn Mulberry Meadow color palette (#DCFDF8, #65BA60, #685CCD, #92017D, #531E00)
• Nightshade Ridge color palette (#D7F3F1, #008B4C, #1E49AB, #240095, #200B00)
• Timeworn Aubergine color palette (#DBFEF9, #4BB64D, #008A7E, #890096, #363100)
• Faded Jade color palette (#E0FDEE, #CABA00, #00B56A, #008592, #492600)
• Quiet Grape color palette (#E4FBF2, #98A600, #0077DA, #692AAF, #5E0028)
• Linen Coral color palette (#FFEFFF, #E37580, #787F00, #005B89, #5F0024)

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