Emerald Courtyard color palette — #FBF1FC · #FE99A3 · #3FA062 · #29608C · #1C284F
Built around Kelly Green, softened by Ballet Pink — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF1FC): a clean, paper-quiet neutral.
- Ballet Pink (#FE99A3): A luminous, balanced red — the color of embers at dusk.
- Kelly Green (#3FA062): A luminous, balanced teal — the color of sea glass.
- Peacock (#29608C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#1C284F): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.
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
- Quiet Lagoon color palette (#FFF0F9, #F9A182, #00A08D, #5C5092, #30224A)
- Moss Dune color palette (#F7F3FF, #EA9ED6, #988D00, #006488, #1A2A49)
- Aqua Harbor color palette (#FAF3F7, #D2D5E5, #50CDEA, #56916F, #2B4253)
- Nightshade Hollow color palette (#FFF0F7, #FF8B3B, #009474, #552FAF, #3F0031)
- Apricot Orchard color palette (#FFF2EB, #FFA37F, #B69E44, #598B5E, #512A36)
- Rose Alley color palette (#FEF0FF, #FF5273, #427C00, #003E7C, #21002B)
- Amber Lagoon color palette (#F3F4FF, #C7ABF4, #C4731C, #006B5E, #092C4E)
- Amber Basin color palette (#FFF2EC, #BF6F63, #596C21, #005160, #432C56)
Browse the whole catalog at Explore, or see today's palette.