Tempered Seafoam color palette — #FDF4E8 · #DCD5CC · #72DEBB · #94B0B4 · #554200

Lagoon takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF4E8): bright and airy, almost weightless.
• Bone (#DCD5CC): a clean, paper-quiet neutral.
• Lagoon (#72DEBB): A whisper-light, balanced teal — the color of glacier melt.
• Ash (#94B0B4): A luminous, dusty blue — the color of deep harbor water.
• Deep Olive (#554200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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

• Washed Dune color palette (#FFF2ED, #E5D0CC, #C3DC77, #ADB6AF, #623B00)
• Fern Workshop color palette (#F7F5EF, #BFE0D9, #7FBCB5, #9F7B7C, #404D00)
• Softworn Orchard color palette (#F8F6E6, #ECFFAF, #E3DDD1, #64DEE7, #43443C)
• Antique Studio color palette (#ECF9F1, #FFDF95, #D6D9C8, #ACD093, #34493D)
• Wandering Pine color palette (#FFF3E4, #D0EBBE, #ACC47F, #498950, #3A4F2F)
• Tempered Driftwood color palette (#FFF3E9, #DED9CC, #CDB9A0, #AA8393, #64433E)
• Misty Pier color palette (#FCF5DD, #FDE247, #D8D6CB, #00CDB2, #1A3400)
• Sky Drift color palette (#F3F8E6, #C0FFCF, #CCDBCA, #29C5F8, #263514)

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