Tempered Seafoam color palette — #F2F7EB · #7BD9AC · #CDA8D0 · #AE8CB1 · #324500

Built around Mint Leaf, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F2F7EB): a clean, paper-quiet neutral.
• Mint Leaf (#7BD9AC): A luminous, balanced teal — the color of glacier melt.
• Mauve (#CDA8D0): A luminous, dusty pink — the color of neon signs at night.
• Dusty Rose (#AE8CB1): A luminous, dusty pink — the color of a candy shop window.
• Deep Olive (#324500): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged light, 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

• Dusty Chartreuse color palette (#F6F7E2, #9ED57B, #D3A4D3, #B88C93, #3D3E37)
• Tempered Alley color palette (#F1F8EC, #34D4BB, #C597C1, #A0769D, #36322C)
• Worn Seafoam Bloom color palette (#EEF9EB, #6FDDCE, #B69DCF, #A37E63, #653400)
• Antique Aqua Harbor color palette (#EBFAEC, #36DBE0, #E7A48E, #BD8C7D, #364036)
• Timeworn Mint color palette (#E6FAFA, #60C196, #71A0CC, #8E7650, #2D4142)
• Pewter Studio color palette (#F2F7F0, #D1DEDB, #A7B3BA, #806771, #50544F)
• Patina Coast color palette (#F4F6EE, #BAEDC5, #8DBBEF, #85BA91, #332A34)
• Teal Corridor color palette (#E3F4E2, #00C5C1, #E28266, #AF705E, #182C17)

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