Emerald Loft color palette — #F5F8E2 · #5A9154 · #7364A9 · #7E3657 · #33342D

Fern and Wine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F8E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#5A9154): A luminous, balanced green — the color of new leaves after rain.
• Slate (#7364A9): A full-bodied, balanced violet — the color of a velvet chair.
• Wine (#7E3657): A full-bodied, balanced rose — the color of a warm blush.
• Espresso (#33342D): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Balance. Tagged muted.

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

• Aubergine Archive color palette (#FAF5E4, #85862E, #5170AB, #713581, #35332C)
• Dusty Dune color palette (#EFF9E9, #0F967C, #8F5B8D, #8A302F, #2A381F)
• Feathered Mulberry Summit color palette (#EFF8EC, #419A8E, #49609C, #762352, #4F3100)
• Muted Garnet Thicket color palette (#F2F7EA, #308556, #654A95, #7B0033, #33280D)
• Violet Studio color palette (#FBF1DD, #9C8520, #8360B4, #744600, #201909)
• Faded Harbor color palette (#E1FBFD, #50B492, #5095CF, #A15266, #1C383A)
• Powdered Mulberry Ridge color palette (#DDF6E7, #007D97, #993C59, #633A00, #0C2E1E)
• Wandering Market color palette (#DAECC2, #007B56, #8307AD, #74002E, #002719)

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