Onyx Pier color palette — #F8D6D2 · #AD895B · #6A7B39 · #4E498A · #30013C
A conversation between Deep Indigo and Indigo, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F8D6D2): A whisper-light, dusty orange — the color of autumn markets.
- Caramel (#AD895B): A luminous, dusty gold — the color of honey in a jar.
- Olive (#6A7B39): A full-bodied, balanced green — the color of a quiet forest floor.
- Indigo (#4E498A): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Indigo (#30013C): A deep, shadowed, balanced pink — the color of a candy shop window.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Onyx 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 Amber Coast color palette (#FCDAE9, #CE7E5F, #8A773F, #25588D, #23154A)
- Worn Lagoon color palette (#F5E5D5, #90985E, #2D8864, #6A4166, #2E032C)
- Antique Driftwood Lagoon color palette (#ECE8C5, #7F8955, #506C45, #004C4E, #001D25)
- Feathered Byzantium Boulevard color palette (#D4F8E4, #B0A229, #8743C9, #6E6400, #18002E)
- Quiet Pine Ridge color palette (#D1EBDA, #8CA15C, #00873A, #81395B, #0C1200)
- Muted Archive color palette (#F7DAD6, #846131, #3A4600, #271752, #17001E)
- Aubergine Balcony color palette (#FFE9DD, #D7BC66, #7DAD68, #8E6CAB, #532B70)
- Dusty Ridge color palette (#EEEEE1, #76B790, #51929A, #8E5161, #401817)
Browse the whole catalog at Explore, or see today's palette.