Soft Emerald Courtyard color palette — #DFF8F7 · #09A867 · #32689C · #5F2D4D · #2B1A00

Built around Kelly Green, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Ivory (#DFF8F7): A whisper-light, dusty teal — the color of sea glass.
• Kelly Green (#09A867): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#32689C): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#5F2D4D): A deep, shadowed, balanced pink — the color of a candy shop window.
• Onyx (#2B1A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Soft Emerald 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

• Wandering Denim Workshop color palette (#E3F6FA, #00A39B, #6059A2, #692929, #1B2200)
• Airy Lagoon color palette (#E2F8F1, #7B9B39, #00727E, #42356F, #361015)
• Ultramarine Lagoon color palette (#C0E9EF, #008473, #0026D2, #530036, #170B00)
• Timeworn Teal Coast color palette (#F2F7EB, #65B890, #218FA3, #445C91, #333D03)
• Aged Stone color palette (#C7F4F2, #90BEC8, #6E8999, #5F536F, #402D41)
• Weathered Courtyard color palette (#E7F6F1, #95C096, #3D8566, #3C5D54, #152C2A)
• Gentle Teal color palette (#CEE5DC, #00BAAE, #009098, #005F70, #0C3042)
• Aubergine Boulevard color palette (#D4EDFB, #007794, #5C2880, #4D0B00, #090D00)

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