Seafoam Harbor color palette — #FFF1F3 · #C9FFC8 · #7BDDCF · #484942 · #292A24

A conversation between Lagoon and Honeydew, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Honeydew (#C9FFC8): A whisper-light, balanced green — the color of new leaves after rain.
• Lagoon (#7BDDCF): A whisper-light, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#484942): quiet, heavy and certain.
• Onyx (#292A24): a grounded near-black with real depth.

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

• Dusty Frost Lagoon color palette (#D0F6FF, #C1D5CD, #A6A2AF, #3B4E42, #1F2822)
• Tempered Celadon color palette (#FFF1F2, #F8FE97, #B3FFF7, #42503F, #1B2119)
• Hushed Aqua color palette (#FFDEC0, #FFBEB4, #00D8DB, #354555, #283033)
• Hushed Powder color palette (#E8FAF2, #90CCEC, #D1A386, #A0785D, #22372E)
• Hushed Glacier color palette (#FFDFB7, #FFCAED, #86E3FF, #526F7F, #30363A)
• Aged Coast color palette (#F0E9D0, #FFAAF0, #00D0F9, #203529, #131C17)
• Pale Celadon color palette (#C1FF98, #FFCBBA, #4FDBFD, #1B3426, #020905)
• Worn Ash color palette (#FAF2FA, #A2C3F3, #B27CA5, #66713F, #2A1F2A)

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