Quiet Seafoam color palette — #F3F9DD · #DFE97A · #76E8A3 · #00CEE9 · #003E32
Built around Lagoon, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Custard (#F3F9DD): A whisper-light, dusty green — the color of new leaves after rain.
- Lemon (#DFE97A): A whisper-light, balanced green — the color of new leaves after rain.
- Lagoon (#76E8A3): A whisper-light, balanced teal — the color of sea glass.
- Cyan (#00CEE9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Forest (#003E32): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Softness, Clarity. Tagged candy, vibrant, light.
Use it as a design system
One click turns Quiet 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
- Feathered Seafoam color palette (#EEFAE7, #D1F7A5, #57F3D8, #7EC8FF, #273F29)
- Frosted Chartreuse Courtyard color palette (#FAF6DD, #FFDAA4, #BDE175, #30C8C0, #2C310A)
- Soft Veranda color palette (#E2FBFB, #A2F09C, #4DD399, #00ADA2, #003C40)
- Chartreuse Alley color palette (#DEFFE4, #7BFF87, #00E1E3, #84ADFF, #002F3F)
- Timeworn Aqua Boulevard color palette (#FEF2EC, #CBEACB, #53C2DE, #569D77, #073F5C)
- Seafoam Summit color palette (#F0F9E2, #BDEEE0, #46F9B6, #00C1B6, #002319)
- Weathered Teal color palette (#F9F5E9, #B3D5A9, #60B391, #86875C, #35362F)
- Ancient Blush color palette (#DFF6E1, #5ED3D9, #F78D8D, #00A5AB, #5C1C20)
Browse the whole catalog at Explore, or see today's palette.