Emerald Basin color palette — #FFF1F2 · #D586C1 · #539332 · #654E94 · #3F2F54

Olive Leaf and Bubblegum set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bubblegum (#D586C1): A luminous, balanced pink — the color of peonies in June.
• Olive Leaf (#539332): A full-bodied, balanced green — the color of a quiet forest floor.
• Plum (#654E94): A full-bodied, balanced violet — the color of wild irises.
• Navy (#3F2F54): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Washed Cabin color palette (#FFF1F5, #B891DB, #898500, #445A97, #27365E)
• Hazy Lagoon color palette (#FFF2EF, #DD889A, #009583, #6D4E87, #422D54)
• Gentle Apricot Parlor color palette (#FFF0FB, #F9A090, #4E9C77, #375A99, #152950)
• Sky Villa color palette (#FBF3F0, #C1E8E2, #58AEE4, #318D68, #583D54)
• Faded Ember Alley color palette (#FFF0F8, #D0662D, #347430, #074D72, #4E2945)
• Washed Dune color palette (#FFF2EF, #E7C3A7, #A9A37C, #866A7D, #604658)
• Worn Coral Loft color palette (#FFF2EC, #FD5F4E, #008A81, #96006F, #5B052D)
• Dusty Pier color palette (#FFE0DA, #FA1679, #007B67, #700088, #3C0049)

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