Misty Harbor color palette — #FFF3E3 · #FFD7E0 · #FFC789 · #00D978 · #3A3703

A conversation between Clover and Cantaloupe, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Shell Pink (#FFD7E0): A whisper-light, dusty red — the color of late-summer berries.
• Cantaloupe (#FFC789): A whisper-light, balanced gold — the color of honey in a jar.
• Clover (#00D978): A luminous, vivid teal — the color of glacier melt.
• Espresso (#3A3703): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Energy, Softness, Clarity. Tagged candy, vibrant, light.

Use it as a design system

One click turns Misty 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

• Mint Drift color palette (#FEF4E2, #EDD8C4, #F3D55F, #1CDEAD, #353E0E)
• Lime Corridor color palette (#FFF2E9, #FFD2F7, #FFBDAD, #A7C22F, #492600)
• Airy Mint Courtyard color palette (#EBF6DF, #E2D75C, #00E38F, #2DB6FB, #002922)
• Quiet Chartreuse color palette (#F4F8E2, #FFE79E, #2EF75D, #5FC5FF, #004139)
• Frosted Orchard color palette (#FFF6D0, #FFD1B2, #D2D000, #00C2BE, #003416)
• Timeworn Teal Veranda color palette (#FAF5E8, #CACEA3, #4EB59C, #9C7498, #35362F)
• Marigold Field color palette (#EBFAED, #FFBDA3, #F5A706, #839E00, #3A2D00)
• Quiet Olive color palette (#FBE0C5, #DAB05F, #96A200, #348E00, #004B35)

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