Onyx Pier color palette — #DFE2F8 · #00805C · #27004C · #2B1222 · #070016
A conversation between Deep Indigo and Teal, giving this palette its sense of depth and luxury.
The five colors
- Frost (#DFE2F8): A whisper-light, dusty violet — the color of twilight just after sunset.
- Teal (#00805C): A full-bodied, balanced teal — the color of glacier melt.
- Deep Indigo (#27004C): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#2B1222): A deep, shadowed, dusty pink — the color of peonies in June.
- Ink (#070016): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Depth, Luxury. Tagged luxury, dark, 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
- Velvet Forest color palette (#E5DEF0, #236F3E, #2E160F, #2A0020, #070005)
- Inked Navy Dune color palette (#E1EAFB, #7F6B00, #0C0061, #1F0E20, #01001E)
- Aubergine Pier color palette (#E3E2FB, #00AC82, #590079, #2B003D, #0F0A25)
- Wandering Garnet Drift color palette (#E4DAE8, #74995C, #65052F, #300012, #110615)
- Nightshade Grove color palette (#F1DBE7, #00B17A, #563DB4, #27185B, #060003)
- Aubergine Villa color palette (#E8E5F8, #A57C00, #5A0069, #1E0024, #02000C)
- Worn Alley color palette (#EEDBEA, #758324, #500102, #221508, #1B0000)
- Washed Garnet color palette (#EBE5F1, #B0A5AE, #957580, #670040, #18101D)
Browse the whole catalog at Explore, or see today's palette.