Emerald Loft color palette — #F5F6EF · #D4DFD6 · #9EB2C9 · #5E9B5F · #2E2F26

Built around Fern, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Silver (#D4DFD6): a clean, paper-quiet neutral.
• Ash (#9EB2C9): A luminous, dusty blue — the color of open sky before noon.
• Fern (#5E9B5F): A luminous, balanced green — the color of fresh herbs.
• Espresso (#2E2F26): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Basalt Garden color palette (#F5F6EC, #CEDFD4, #AEC6BE, #8EA980, #3E3D00)
• Pine Canyon color palette (#EBF4F2, #CCD8DD, #A3BDC1, #44723A, #102522)
• Washed Cerulean color palette (#F0F7F3, #CDE3E3, #A7B3CE, #00A2C6, #283A30)
• Antique Pewter Harbor color palette (#E2FEE2, #B9DDC4, #7EA996, #6F6691, #512F3A)
• Weathered Emerald color palette (#F6F6E7, #B1DEAD, #459F65, #64645C, #282A14)
• Cerulean Archive color palette (#E3EFE7, #ACC0B5, #6999B3, #00444E, #000200)
• Timeworn Mint Terrace color palette (#F8F7E0, #6ECD9D, #009283, #235287, #1B250E)
• Lagoon Workshop color palette (#EEFAE4, #00A27D, #263C1E, #091301, #010100)

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