Hazy Emerald Courtyard color palette — #FFF2EF · #FFABC2 · #00AF5B · #0099AF · #431F1A
A conversation between Kelly Green and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EF): bright and airy, almost weightless.
- Ballet Pink (#FFABC2): A whisper-light, balanced red — the color of late-summer berries.
- Kelly Green (#00AF5B): A luminous, vivid teal — the color of glacier melt.
- Cerulean (#0099AF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Espresso (#431F1A): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.
Use it as a design system
One click turns Hazy 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
- Emerald Canyon color palette (#FFF2EE, #FF999D, #009F62, #008AB8, #2F1734)
- Weathered Market color palette (#FFF1F3, #FFA0F7, #8B9D00, #009F86, #412025)
- Muted Coast color palette (#FFF2EA, #FF986B, #68AE2A, #0082A2, #441758)
- Powdered Amber Lantern color palette (#FFF4E2, #FFA68C, #CF8F00, #008A98, #4E2C16)
- Patina Blush color palette (#FCF1FF, #FF6C9B, #00A994, #007869, #340918)
- Weathered Apricot Thicket color palette (#FFF2EA, #FF9C6D, #50C1C2, #6D92C5, #38312D)
- Aged Indigo color palette (#FFDEBC, #E79212, #00A9C2, #5567D9, #2F1A00)
- Wandering Ember Pier color palette (#FEE4D7, #F9460F, #009383, #0062A0, #1B0700)
Browse the whole catalog at Explore, or see today's palette.