Emerald Loft color palette — #FCF1FA · #9DF6FD · #42C5FD · #1EAB65 · #223F6D

Kelly Green and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Sea Foam (#9DF6FD): A whisper-light, balanced blue — the color of open sky before noon.
• Sky (#42C5FD): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#1EAB65): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#223F6D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Tempered Garden color palette (#FCF2F7, #C0E6FE, #80B5F7, #00A28C, #36365B)
• Powdered Harbor color palette (#FAF4EC, #A0EAF1, #00ADCF, #008473, #004662)
• Antique Powder color palette (#FAF3F7, #D7D5E4, #9ACCFD, #73B09D, #4A5266)
• Feathered Mint color palette (#EEE7FF, #C29FFF, #00C898, #00B2B1, #362650)
• Cerulean Coast color palette (#FFEEE6, #8FDFE8, #1A8FB5, #00654B, #002645)
• Feathered Balcony color palette (#F2E7EB, #91C8E7, #518CFF, #007E75, #211247)
• Tempered Study color palette (#F3E2E9, #5EABCE, #1E70DD, #005E54, #0A0028)
• Chalky Coast color palette (#F1E4F0, #6AC0C4, #0090BA, #007236, #001330)

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