Coral Pier color palette — #FFF0CD · #FF8E7F · #BC8800 · #007345 · #010100
A conversation between Salmon and Mustard, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF0CD): A whisper-light, dusty gold — the color of old brass.
- Salmon (#FF8E7F): A luminous, balanced orange — the color of sun-warmed clay.
- Mustard (#BC8800): A luminous, balanced gold — the color of afternoon light on wheat.
- Pine (#007345): A full-bodied, balanced teal — the color of glacier melt.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Frosted Olive Bloom color palette (#FFEDF4, #FF7DAA, #CB7F00, #257E00, #020100)
- Misty Drift color palette (#F5FAC9, #FF8C3E, #91A700, #006E6E, #000200)
- Amber Parlor color palette (#E4F5E7, #C57E00, #8A6800, #4E4F00, #020100)
- Worn Amber Cabin color palette (#FFE5E3, #B18245, #397047, #49204D, #1C001F)
- Misty Marigold color palette (#EFDDBF, #F19B0A, #96A729, #489848, #130E00)
- Ember Terrace color palette (#EFDEC2, #F25545, #886700, #205900, #0F0C00)
- Weathered Bronze color palette (#F0DFCD, #8F7B00, #4B5600, #022B03, #000302)
- Gentle Ember Grove color palette (#FFF0FA, #FB88FB, #F84A06, #6B7200, #020100)
Browse the whole catalog at Explore, or see today's palette.