Emerald Harbor color palette — #F6D6C8 · #F27867 · #29AC51 · #0075B5 · #2F1002

Built around Kelly Green, softened by Watermelon — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F6D6C8): A whisper-light, dusty orange — the color of sun-warmed clay.
• Watermelon (#F27867): A luminous, balanced orange — the color of autumn markets.
• Kelly Green (#29AC51): A luminous, vivid green — the color of fresh herbs.
• Cerulean (#0075B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#2F1002): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Warmth, Comfort. Tagged warm.

Use it as a design system

One click turns 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 Lantern color palette (#F3D7CA, #EE725C, #00A795, #3B6ED5, #301001)
• Emerald Balcony color palette (#FCEADE, #E57B30, #009D32, #1762D0, #2A0002)
• Muted Station color palette (#FFEADB, #E79666, #53B77A, #1685E3, #3D1C07)
• Timeworn Tangerine Ridge color palette (#F0D9C8, #EC7800, #9B9515, #008586, #2D1200)
• Hushed Lapis color palette (#ECDBC4, #F78763, #9F8700, #5351CD, #391C00)
• Chalky Amber color palette (#FDEDD8, #B57F00, #009478, #0068A4, #150B00)
• Hushed Blush Ridge color palette (#F4D7CE, #F56778, #929908, #00895C, #35070F)
• Indigo Studio color palette (#E8DDC3, #B8A212, #00A5A9, #645AD0, #231900)

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