Emerald Loft color palette — #FCF1FA · #ADF3FA · #48C4FE · #00AC68 · #273F6A

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 (#ADF3FA): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#48C4FE): A luminous, balanced blue — the color of open sky before noon.
• Kelly Green (#00AC68): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#273F6A): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Dusty Teal color palette (#FFF1F7, #C6EBFF, #8DB7FF, #00A79A, #3F3866)
• Dusty Periwinkle color palette (#F6EAF2, #94E1F2, #2FAEFC, #00956D, #1E2957)
• Muted Atelier color palette (#FAF3F7, #D7D5E4, #98CCFE, #77B09D, #485269)
• Worn Mint color palette (#E7E9FF, #C59DFF, #00C89D, #00B2B1, #2B2C4D)
• Cornflower Meadow color palette (#EEDFE4, #87C9F0, #568CFF, #007E76, #221247)
• Hushed Delta color palette (#EDDEE5, #5EABD2, #296CE3, #005E56, #0B0027)
• Forest Harbor color palette (#EDE1EB, #53C3C7, #0090B9, #007234, #00132F)
• Weathered Cerulean Veranda color palette (#FFEEE6, #B6DABD, #0090B9, #00654C, #002646)

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