Muted Emerald Harbor color palette — #FFF4E2 · #D5C104 · #23A118 · #3B4AB1 · #262B00

Kelly Green and Saffron set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Saffron (#D5C104): A luminous, vivid green — the color of a quiet forest floor.
• Kelly Green (#23A118): A luminous, vivid green — the color of a quiet forest floor.
• Indigo (#3B4AB1): A full-bodied, vivid violet — the color of wild irises.
• Deep Forest (#262B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged retro.

Use it as a design system

One click turns Muted Emerald Harbor 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

• Airy Lime color palette (#FFF4E2, #B0CF00, #009F68, #5B3DB0, #162F04)
• Faded Coast color palette (#FFF4E2, #FFAA33, #8B8C00, #005E8C, #342500)
• Ancient Mustard Meadow color palette (#FFF2EB, #F0B60A, #00BA7E, #856AB2, #37352F)
• Wandering Studio color palette (#FFF4E2, #A3AB2A, #008042, #39317D, #0C1600)
• Patina Aubergine color palette (#FBF5E2, #B7B500, #008F9C, #662D9C, #3E1000)
• Teal Archive color palette (#FFF4E2, #9AE09F, #00A89C, #765483, #30332C)
• Pale Mint Studio color palette (#FFF4E2, #4BE07A, #009A94, #802B92, #003021)
• Soft Olive color palette (#DBFFEC, #8D9400, #377100, #004F57, #2F3B01)

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