Emerald Loft color palette — #FFF2ED · #C68383 · #5E9C50 · #5777AA · #4F3E38

Built around Olive Leaf, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Dusty Rose (#C68383): A luminous, balanced red — the color of embers at dusk.
• Olive Leaf (#5E9C50): A luminous, balanced green — the color of fresh herbs.
• Slate (#5777AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#4F3E38): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Sophistication. 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

• Muted Boulevard color palette (#FFF3E6, #BC8E5B, #009E96, #83699A, #47413C)
• Bronze Alley color palette (#FFF1F2, #BF7EB6, #A1872E, #3A8290, #503C3F)
• Hushed Corridor color palette (#FFEEE7, #DF7A7B, #4E9C9F, #36868A, #34221C)
• Weathered Blush Coast color palette (#FEF0FF, #F48F9D, #52B5C4, #6092B5, #4A3D4C)
• Patina Chestnut Ridge color palette (#FBF4EA, #C7B692, #947C53, #815118, #564600)
• Frosted Pier color palette (#FFE5D6, #D34F00, #00875C, #5643CC, #492517)
• Cocoa Coast color palette (#FFF2ED, #E7EAAE, #E0D9CE, #AF837E, #783E18)
• Wandering Veranda color palette (#E2E2CB, #787500, #006E90, #930064, #272600)

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