Emerald Loft color palette — #FAF2FA · #C1E8F4 · #5BBFE8 · #17A656 · #1E3B61
A conversation between Kelly Green and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF2FA): a clean, paper-quiet neutral.
- Frost (#C1E8F4): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#5BBFE8): A luminous, balanced blue — the color of deep harbor water.
- Kelly Green (#17A656): A luminous, vivid teal — the color of glacier melt.
- Navy (#1E3B61): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Emerald Loft 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
- Patina Teal color palette (#FAF3F7, #D3E0F9, #8BC3F6, #48AD8F, #3E456A)
- Antique Periwinkle color palette (#F8EAF1, #B2D9F1, #6DA8EC, #00937D, #28245D)
- Cypress Canyon color palette (#FAF4EC, #C4DCC4, #49A4B5, #007F65, #004156)
- Faded Emerald Studio color palette (#DAF5F0, #9CCF90, #E899F2, #34A100, #49254E)
- Amber Terrace color palette (#E3FCF5, #C1E3FF, #B5C2F4, #C29A3F, #164746)
- Tempered Pine Hollow color palette (#D4FFFC, #9BE4B5, #58BD7A, #008B47, #002D16)
- Misty Market color palette (#E9E0CD, #BCBF64, #7FB133, #008F4F, #00483E)
- Muted Cobalt color palette (#E8DFE7, #65AEB5, #007EAC, #006138, #000623)
Browse the whole catalog at Explore, or see today's palette.