Seafoam Harbor color palette — #FFF2EF · #E5DDBF · #A7E0AA · #C29AC0 · #5E2D00
A conversation between Pistachio and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EF): bright and airy, almost weightless.
- Bone (#E5DDBF): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#A7E0AA): A whisper-light, balanced green — the color of new leaves after rain.
- Mauve (#C29AC0): A luminous, dusty pink — the color of a candy shop window.
- Cocoa (#5E2D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. Tagged pastel, light, muted.
Use it as a design system
One click turns Seafoam Harbor 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
- Antique Basin color palette (#FFF1F3, #EDD4CC, #DACF8B, #9BA0D9, #503430)
- Washed Straw Study color palette (#FFF2E9, #FBECA0, #A7E5C1, #C78DA1, #3F3A34)
- Aged Taupe color palette (#FFF2EB, #DFD8CD, #93BDB9, #C37D79, #562800)
- Wandering Chestnut color palette (#FFF3E4, #CEF5D1, #99D0CE, #D5B0A1, #6D4C00)
- Weathered Mustard color palette (#FFF0FB, #EBDDC4, #DABB77, #B07B88, #563A4C)
- Antique Aqua Harbor color palette (#FFF4D9, #BCF5C6, #4FDBF6, #CE8D61, #383730)
- Lime Terrace color palette (#FFE9E8, #FFBE81, #96CB60, #B2749B, #371C04)
- Worn Taupe Study color palette (#F6E6CA, #BEC98A, #B59A59, #9D6D4E, #30312A)
Browse the whole catalog at Explore, or see today's palette.