Weathered Seafoam color palette — #FFF2EC · #8BE5C6 · #72B9D7 · #A98174 · #3E4C3D

Lagoon and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Lagoon (#8BE5C6): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#72B9D7): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#A98174): A luminous, dusty orange — the color of toasted spice.
• Deep Olive (#3E4C3D): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Sophistication. Tagged retro, light, muted.

Use it as a design system

One click turns Weathered 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

• Celadon Alley color palette (#FFF2E9, #AAE29A, #77BCBD, #A87C97, #3D5007)
• Seafoam Veranda color palette (#FFF0FE, #ADEEC9, #7AA9C5, #986161, #29444A)
• Aged Seafoam color palette (#F1F8EC, #70DFC2, #B39ED3, #AC776F, #693005)
• Hushed Terrace color palette (#EBF5EB, #00D0D5, #6A8278, #4F5750, #20231D)
• Ancient Seafoam Lagoon color palette (#E5FBF6, #5FD4C7, #5F9EA7, #676B93, #374C51)
• Wandering Coast color palette (#FFF4DF, #7DD3FF, #A39BDC, #908154, #473649)
• Worn Cocoa color palette (#F0F9E4, #B8E6E1, #CBB5CB, #A59588, #75410A)
• Periwinkle Coast color palette (#FFF2EB, #00DCD5, #4DABFF, #B05430, #003D47)

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