Seafoam Lantern color palette — #F8F6E1 · #8DE6BC · #309B9D · #64645C · #222C10

Lagoon and Cerulean set the tone — five colors that lean into sophistication and grounding.

The five colors

• Cream (#F8F6E1): A whisper-light, dusty green — the color of new leaves after rain.
• Lagoon (#8DE6BC): A whisper-light, balanced teal — the color of sea glass.
• Cerulean (#309B9D): A luminous, balanced teal — the color of sea glass.
• Graphite (#64645C): a grounded near-black with real depth.
• Deep Forest (#222C10): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Seafoam Lantern 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

• Lagoon Courtyard color palette (#FEF3E6, #CED798, #65986E, #67625C, #2D280F)
• Washed Teal color palette (#E1FBF9, #A2D8BD, #5FB29A, #658F70, #113D3E)
• Hazy Chartreuse color palette (#FFF4E1, #AAD54E, #009660, #006278, #182300)
• Cypress Pier color palette (#F0F4E7, #79AD94, #277360, #295034, #002315)
• Worn Cabin color palette (#FAF5E9, #B8E7D8, #A3B594, #778B83, #494A00)
• Softworn Periwinkle color palette (#FDF3ED, #C0E8F6, #72ABE2, #198168, #3F2437)
• Weathered Amber color palette (#E1FDEE, #7EDCFF, #DB7A50, #0083A5, #451804)
• Pale Aqua color palette (#D8FFF3, #00D6D4, #00A6C2, #12598C, #1B284F)

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