Seafoam Lagoon color palette — #D9FEFD · #ECFFB0 · #5AFEC0 · #4CC6FE · #003230
Lagoon and Sky set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#D9FEFD): A whisper-light, dusty teal — the color of sea glass.
- Butter (#ECFFB0): A whisper-light, balanced green — the color of fresh herbs.
- Lagoon (#5AFEC0): A whisper-light, vivid teal — the color of glacier melt.
- Sky (#4CC6FE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#003230): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Calm, Softness. Tagged candy, vibrant, light, pastel.
Use it as a design system
One click turns Seafoam Lagoon 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
- Glacier Ridge color palette (#EEFAE5, #8FFFB8, #00E9F5, #00CBD0, #003D35)
- Pale Seafoam color palette (#E0FBFF, #AAF0ED, #21FEF3, #5BC0FF, #003338)
- Worn Harbor color palette (#DAFFEE, #00E7D1, #00AFBE, #006A83, #003453)
- Bronze Alley color palette (#E3FFD5, #9CEEDE, #6EB8D4, #98594B, #5B321C)
- Misty Lilac color palette (#EDF7FF, #8BFFF4, #91DCFF, #AA84FF, #001935)
- Frosted Chartreuse Cabin color palette (#D2FBFE, #43F97E, #00D5AB, #009B9A, #00241D)
- Faded Corridor color palette (#D9FFF2, #CDFA5F, #D6DCCE, #00D3B3, #152C00)
- Antique Azure color palette (#DEFCFF, #CCFA8E, #00E2B9, #0095E9, #001416)
Browse the whole catalog at Explore, or see today's palette.