Tempered Seafoam color palette — #DFE2F6 · #00E7E5 · #FFA381 · #48413C · #312721

Lagoon takes the lead with Melon close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Frost (#DFE2F6): A whisper-light, dusty violet — the color of a velvet chair.
• Lagoon (#00E7E5): A whisper-light, balanced teal — the color of shallow lagoons.
• Melon (#FFA381): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal (#48413C): quiet, heavy and certain.
• Onyx (#312721): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Tempered 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

• Weathered Villa color palette (#D1EEFF, #5CEC80, #FF9EA5, #573B32, #31231E)
• Worn Mustard Pier color palette (#F7E6EB, #AACDFF, #FAAC00, #45403A, #2C2419)
• Frosted Marigold color palette (#FFE2EB, #90DB77, #ECA000, #23473F, #282F28)
• Powdered Courtyard color palette (#C8E3FE, #FF91A9, #A18A00, #332B00, #160E00)
• Bronze Canyon color palette (#FCF4EC, #D4C393, #956637, #603800, #291F15)
• Washed Driftwood color palette (#F8F5EE, #D7DDD4, #B6C6B9, #9C9056, #4B473F)
• Ancient Ember color palette (#DCEFF6, #FF99C2, #E85F35, #511200, #290E00)
• Linen Bronze Ridge color palette (#FAF4EE, #F0B87B, #27A687, #B26F00, #1F2717)

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