Seafoam Harbor color palette — #D8E8F9 · #00E8DD · #FF9BB8 · #4F4055 · #2F2A32

A conversation between Lagoon and Ballet Pink, giving this palette its sense of balance.

The five colors

• Frost (#D8E8F9): A whisper-light, dusty blue — the color of deep harbor water.
• Lagoon (#00E8DD): A whisper-light, balanced teal — the color of shallow lagoons.
• Ballet Pink (#FF9BB8): A luminous, balanced red — the color of embers at dusk.
• Charcoal (#4F4055): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#2F2A32): a grounded near-black with real depth.

Feels like: Balance. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Fuchsia Alley color palette (#3FFEF2, #ACDFFF, #E97ECC, #4C425A, #302C36)
• Seafoam Harbor color palette (#D5EEF6, #00EACD, #C5AEFF, #3D415B, #24262F)
• Mint Terrace color palette (#CEE1F8, #00E79A, #FF8C74, #3D3933, #2C2420)
• Hushed Shell color palette (#F1E7FF, #AAE0FF, #FFB79D, #5E4C57, #393337)
• Driftwood Hollow color palette (#FAF3F5, #CCD9DF, #9EA1B0, #AE875E, #4D4548)
• Chalky Blush color palette (#FBF1FF, #DA7E9C, #00A2AF, #8C5990, #392E3E)
• Cocoa Courtyard color palette (#C8F8FF, #FFD0C5, #C9CEE0, #622902, #21150E)
• Dusty Apricot color palette (#EED7EB, #A2C1FF, #FD9833, #562D02, #321C26)

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