Tempered Seafoam color palette — #F3F9DF · #A9F4C7 · #78D9C0 · #799662 · #40423B
A conversation between Lagoon and Mint, giving this palette its sense of nature and growth.
The five colors
- Custard (#F3F9DF): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint (#A9F4C7): A whisper-light, balanced teal — the color of shallow lagoons.
- Lagoon (#78D9C0): A luminous, balanced teal — the color of sea glass.
- Moss (#799662): A luminous, balanced green — the color of new leaves after rain.
- Charcoal (#40423B): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, 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
- Stone Market color palette (#FFF4DB, #E2E8B3, #B0CD8D, #9F834A, #46433C)
- Patina Powder color palette (#EFF9E6, #AFE6E9, #8DCBEC, #8B9672, #475640)
- Tempered Studio color palette (#F5F8E0, #D5E8BD, #68C8CB, #666C33, #3C3E37)
- Mustard Drift color palette (#E2FBF7, #AFEFEC, #80D8FC, #ABAF43, #1B4846)
- Powdered Quarry color palette (#D4FFFC, #79F2FF, #37D2FF, #009B85, #004447)
- Amber Lantern color palette (#F9F7DE, #C6F0F3, #B8D1F9, #AE8839, #2E3900)
- Mint Field color palette (#E8EEDA, #4AD8AB, #41B2A7, #417F3D, #002A19)
- Chalky Courtyard color palette (#D7F8F0, #40C7C1, #00A2B5, #00634A, #001E1B)
Browse the whole catalog at Explore, or see today's palette.