Emerald Drift color palette — #F8EBE7 · #BADDC1 · #59AFDC · #00965C · #172C54

Fern takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8EBE7): bright and airy, almost weightless.
• Celadon Mist (#BADDC1): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#59AFDC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#00965C): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#172C54): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Emerald Drift 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 Emerald Basin color palette (#FFF2EE, #7AEFF4, #00BBF1, #009E50, #00306A)
• Periwinkle Field color palette (#F9ECDF, #B0D8FB, #8D9FEC, #009093, #36224F)
• Weathered Cornflower Alley color palette (#EFE2D9, #81CCEA, #4893ED, #007F6D, #1C1547)
• Fuchsia Hollow color palette (#FFE2E5, #F58BE9, #00AEA8, #009862, #320F2F)
• Cerulean Corridor color palette (#E7F2E9, #92D1D7, #0095B4, #006D5E, #003248)
• Aged Teal color palette (#FBF4EE, #C5E7E9, #A2BDF5, #42ABA3, #494166)
• Wandering Petrol color palette (#EFE6ED, #81C0C5, #00759D, #004F2A, #041531)
• Dusty Iris Boulevard color palette (#FFEDF1, #FFCED5, #F0C28E, #9397D6, #472523)

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