Emerald Loft color palette — #E0FCF5 · #678F3E · #5A6EA8 · #484B88 · #193A33

Olive Leaf takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E0FCF5): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#678F3E): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#5A6EA8): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#484B88): A full-bodied, balanced violet — the color of wild irises.
• Deep Forest (#193A33): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged cool.

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

• Softworn Olive color palette (#E8FAF5, #6E8D46, #00827D, #414F83, #1C3932)
• Emerald Hollow color palette (#E7FAF8, #36975B, #895F8D, #6A416F, #1A3937)
• Pale Emerald Cabin color palette (#E6FAF6, #62994F, #3F639D, #703232, #4D2801)
• Weathered Market color palette (#FFF1F5, #AC7329, #4A74A0, #2A5582, #442A33)
• Timeworn Balcony color palette (#FFF0F9, #6EA86C, #1D777D, #713851, #174547)
• Antique Fern Boulevard color palette (#EDF8F3, #B1B46C, #007A9F, #636400, #132633)
• Antique Boulevard color palette (#EEF7F6, #D2DDE4, #B5C2CF, #588053, #3E4B49)
• Faded Aubergine color palette (#FFEEE3, #B67356, #7668B0, #6F377A, #271509)

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