Onyx Pier color palette — #F3DDD6 · #7B7F00 · #005953 · #500043 · #021300
Built around Royal Purple, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#F3DDD6): A whisper-light, dusty orange — the color of toasted spice.
- Olive Leaf (#7B7F00): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#005953): A full-bodied, dusty teal — the color of sea glass.
- Royal Purple (#500043): A deep, shadowed, balanced pink — the color of a candy shop window.
- Ink (#021300): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Balance. Tagged retro.
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
- Moss Basin color palette (#FFE2DA, #78972F, #00686D, #5C1D44, #151B00)
- Weathered Study color palette (#F7E2D4, #9E6E00, #005C31, #3A1657, #100F00)
- Tempered Olive color palette (#F5DEDB, #467400, #00444C, #3E001B, #000703)
- Muted Veranda color palette (#F1DBB8, #57872B, #005B48, #460077, #002D0C)
- Pale Pine color palette (#F5DDD4, #008F60, #005278, #59000D, #001211)
- Patina Forest color palette (#EFE4D1, #7C9958, #006544, #473700, #0B1600)
- Weathered Navy color palette (#EEEAD6, #657400, #3E378C, #4A0034, #1B0011)
- Faded Clover Lagoon color palette (#DFFFE5, #7EB453, #007D65, #4D2B72, #001804)
Browse the whole catalog at Explore, or see today's palette.