Seafoam Pier color palette — #FFF4E2 · #CBFDBA · #54E1E0 · #C9745F · #4A4E20

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mint (#CBFDBA): A whisper-light, balanced green — the color of new leaves after rain.
• Lagoon (#54E1E0): A whisper-light, balanced teal — the color of glacier melt.
• Coral Clay (#C9745F): A luminous, balanced orange — the color of autumn markets.
• Deep Olive (#4A4E20): A full-bodied, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Softness, Clarity. Tagged pastel, light.

Use it as a design system

One click turns Seafoam Pier 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

• Muted Thicket color palette (#FDF5DF, #B7FAD3, #62D0EB, #B07A45, #3D3C35)
• Dusty Fern Meadow color palette (#F8F6E0, #C1EAD2, #AFE3FF, #A58D62, #435308)
• Worn Apricot Pier color palette (#DDFFE7, #EAE7F3, #9EE5E2, #D59257, #1A4B3D)
• Soft Mint Market color palette (#FFF2EA, #FDF0A7, #46E79B, #C8738C, #49433E)
• Gentle Celadon Study color palette (#F9F9C6, #AEF7BE, #89DEBE, #BEAB5A, #494C24)
• Hushed Mint color palette (#DCFFEA, #90F2E3, #6ACD9A, #91660F, #1F4C3B)
• Chalky Olive Quarry color palette (#DEFFE4, #65F9FF, #85BFFF, #808500, #00443F)
• Dusty Bronze Boulevard color palette (#FDECCF, #AEBE68, #A58100, #8E4D17, #1F3E22)

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