Emerald Courtyard color palette — #FFF0FE · #FF9A9A · #009F6C · #0087C4 · #311330
A conversation between Fern and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Rose Quartz (#FF9A9A): A luminous, balanced orange — the color of toasted spice.
- Fern (#009F6C): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#0087C4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#311330): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns 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
- Softworn Emerald color palette (#FCF0FF, #FF8498, #00AF4E, #0080A2, #232242)
- Antique Corridor color palette (#FFF0F8, #FF874B, #00A599, #206FE7, #37152D)
- Ancient Clover color palette (#FFF0F7, #FF9A55, #00B747, #007CBD, #4F1643)
- Pale Marigold color palette (#EDF9EC, #E8A34A, #00ABC0, #777ABD, #312132)
- Washed Amber Corridor color palette (#E3FDE8, #FFA87F, #C49500, #0089A1, #4E2C0A)
- Fuchsia Pier color palette (#F8F2FF, #EF73CD, #8E9A00, #00847E, #1F1F42)
- Faded Amber color palette (#FFF3E7, #E77100, #00876C, #00634F, #200314)
- Misty Ember color palette (#FFF0F8, #EB6800, #717600, #0054A8, #381A2C)
Browse the whole catalog at Explore, or see today's palette.