Tempered Seafoam color palette — #F1F5FF · #CED0FF · #60DFD1 · #9F9EED · #27555D

Lagoon and Wisteria set the tone — five colors that lean into creativity and softness.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lilac Frost (#CED0FF): A whisper-light, dusty violet — the color of a velvet chair.
• Lagoon (#60DFD1): A whisper-light, balanced teal — the color of sea glass.
• Wisteria (#9F9EED): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#27555D): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Creativity, 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

• Softworn Mallow color palette (#EDF6FF, #B0DAFF, #F6ACDD, #6EAFE4, #52485F)
• Powder Dune color palette (#F3F4FF, #DED7E0, #B1BBDF, #B2AFA5, #515162)
• Patina Oat Quarry color palette (#FFF0F9, #E6D5EF, #D1D092, #9494C8, #564400)
• Dusty Mustard Meadow color palette (#F2F5FF, #C0BCFA, #C1B35A, #8882C8, #375545)
• Washed Stone Station color palette (#EEF8EE, #C8E1CB, #D5AE7C, #AB8694, #3D4C42)
• Pale Mallow Lantern color palette (#EEECFF, #E79FFA, #09C3F0, #B671C9, #003C4C)
• Dusty Alley color palette (#F5F4FF, #EEC2FC, #F7B789, #C195CF, #5E4450)
• Patina Delta color palette (#EEF1FF, #B5ABDB, #AC9C5F, #75679F, #123A24)

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