Coral Pier color palette — #FFF0FA · #FF7D5B · #8F9D34 · #8F66A0 · #2A192E
A conversation between Salmon and Moss, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Salmon (#FF7D5B): A luminous, vivid orange — the color of toasted spice.
- Moss (#8F9D34): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#8F66A0): A full-bodied, balanced pink — the color of peonies in June.
- Deep Indigo (#2A192E): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Coral 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
- Quiet Amber color palette (#FFF1F6, #E58800, #59A950, #9F5981, #2C1527)
- Tempered Amber color palette (#FFF0F9, #E47022, #0067AA, #0E4F80, #1E1B31)
- Plum Hollow color palette (#DDF7DF, #D79600, #1FB069, #B4005D, #300E00)
- Gentle Amber color palette (#FFF3E9, #D88546, #007978, #264580, #1D0505)
- Tempered Mustard Grove color palette (#ECF8F4, #B6CB6D, #51B9B9, #B67F6E, #2E3930)
- Quiet Harbor color palette (#DBF7E3, #EAAF12, #A19B38, #318474, #193825)
- Tempered Mustard color palette (#E4F8EA, #D7AC00, #5AA94E, #00817D, #4C1900)
- Weathered Balcony color palette (#FBF1FF, #FB75A6, #2D9CDB, #6366B1, #1F182F)
Browse the whole catalog at Explore, or see today's palette.