Seafoam Harbor color palette — #FFDBD3 · #FFC9F2 · #69F49E · #566867 · #303A39

Lagoon and Thistle set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFDBD3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Thistle (#FFC9F2): A whisper-light, balanced pink — the color of neon signs at night.
• Lagoon (#69F49E): A whisper-light, vivid teal — the color of sea glass.
• Graphite (#566867): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#303A39): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. 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

• Timeworn Harbor color palette (#FFDCD0, #FCC8FF, #D1E057, #5E736B, #2A322F)
• Worn Seafoam color palette (#FFDDC6, #CDD5FF, #31E8D1, #495345, #30342E)
• Patina Dune color palette (#EEE4D3, #FFAABB, #00E279, #295C5A, #0C2524)
• Tempered Lantern color palette (#F5E7DF, #00E363, #00A9C8, #005060, #081920)
• Turquoise Garden color palette (#EAF8FF, #FFD1D0, #64AABD, #567280, #212D34)
• Hushed Field color palette (#FFDAD0, #FFB2C7, #00D8C2, #2A3B23, #131811)
• Dusty Dune color palette (#CDF7FF, #DFD4DA, #94988E, #344A54, #162126)
• Tempered Bronze color palette (#EEF7FB, #D9DAE5, #BAAEB6, #8B6E27, #4D5457)

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