Tempered Seafoam color palette — #E7FAF3 · #B0E4B8 · #7DBAAA · #7B94A3 · #2E4846

Mint and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FAF3): A whisper-light, dusty teal — the color of sea glass.
• Mint (#B0E4B8): A whisper-light, balanced green — the color of new leaves after rain.
• Mint Leaf (#7DBAAA): A luminous, dusty teal — the color of glacier melt.
• Slate Blue (#7B94A3): A luminous, dusty blue — the color of open sky before noon.
• Charcoal (#2E4846): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Washed Sand Parlor color palette (#FFF1F5, #E5D598, #A4B47C, #8391A8, #31493A)
• Basalt Dune color palette (#F9F5E9, #C9E7C8, #74AB9C, #5D7F72, #393C00)
• Patina Delta color palette (#FDF1F8, #CFE5FF, #88C5F4, #56A99E, #394860)
• Tempered Archive color palette (#F1F5FF, #C6C5FF, #CAC16E, #9996D6, #284B3A)
• Wandering Lagoon Harbor color palette (#F2F3E8, #AEB993, #3A846F, #225F65, #242A12)
• Tempered Garden color palette (#F2F5FF, #BFB1FF, #BCB86B, #6EAC79, #31364F)
• Tempered Pier color palette (#D4EBE1, #8ACE83, #2DA883, #856890, #00312C)
• Jade Corridor color palette (#D3EFE8, #1EB276, #008278, #215D78, #001409)

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