Tempered Seafoam color palette — #F3F7EA · #99EAB9 · #F0B1D1 · #7BB893 · #634443
A conversation between Mint and Carnation, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F3F7EA): a clean, paper-quiet neutral.
- Mint (#99EAB9): A whisper-light, balanced teal — the color of shallow lagoons.
- Carnation (#F0B1D1): A whisper-light, balanced rose — the color of a warm blush.
- Mint Leaf (#7BB893): A luminous, balanced teal — the color of glacier melt.
- Cocoa (#634443): A full-bodied, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. 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
- Weathered Teal color palette (#E8F9FA, #BAF5DD, #EABAE3, #52AE8E, #49415C)
- Timeworn Villa color palette (#EDF9F0, #76E9F7, #F8B3A4, #6DB6BF, #534B48)
- Aged Boulevard color palette (#FAF6E3, #D2DD90, #C0C0FC, #A6AF6D, #604354)
- Antique Boulevard color palette (#E2FBFA, #89D9A8, #D6A67E, #669A79, #5F444F)
- Frosted Seafoam Thicket color palette (#EFF9E3, #7EDEB5, #DFABCE, #CB9490, #354B04)
- Weathered Fern color palette (#FFF4E2, #DDDDAE, #C9B28E, #A88C73, #4E4A00)
- Blush Orchard color palette (#E3FEDE, #3CF7EA, #E976B1, #00AEA4, #611C42)
- Seafoam Lantern color palette (#EAFCDC, #9DF6E0, #7ACBB2, #5A9886, #393C35)
Browse the whole catalog at Explore, or see today's palette.