Hazy Seafoam color palette — #F3F7EA · #ABF0E2 · #4AE3E4 · #9ECCEE · #364C06
Built around Lagoon, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#F3F7EA): a clean, paper-quiet neutral.
- Sea Foam (#ABF0E2): A whisper-light, dusty teal — the color of sea glass.
- Lagoon (#4AE3E4): A whisper-light, balanced teal — the color of sea glass.
- Sky (#9ECCEE): A whisper-light, dusty blue — the color of open sky before noon.
- Deep Olive (#364C06): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Calm, Softness. Tagged candy, vibrant, light, pastel.
Use it as a design system
One click turns Hazy Seafoam 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
- Wandering Powder Harbor color palette (#E9FAF0, #9DFDEE, #90E3FF, #8ABCFF, #1D4635)
- Soft Cerulean Veranda color palette (#EFF9DC, #A2E4D1, #5FCFC6, #00A3AC, #365A42)
- Wandering Teal Corridor color palette (#EDF9EC, #9FE4E1, #F7B0BB, #27BFBD, #694138)
- Hazy Celadon color palette (#ECFBE2, #A8FE81, #0BF1C0, #00CDF1, #00423C)
- Patina Villa color palette (#F8F5EB, #E0E0C7, #9AC1A1, #A39A78, #535000)
- Muted Mint Studio color palette (#EFF4E5, #7FCA9F, #73806F, #4B5D18, #22221A)
- Ancient Celadon color palette (#E2F7F6, #DAF192, #A8E5B1, #5FAEA8, #0D2D2F)
- Powdered Grove color palette (#D9FFF1, #64ECFE, #88CCFF, #A7A3FF, #00275D)
Browse the whole catalog at Explore, or see today's palette.