Onyx Pier color palette — #F7E7E6 · #9F8783 · #7E645D · #4A0E30 · #050000
Espresso and Pewter set the tone — five colors that lean into sophistication.
The five colors
- Rose Water (#F7E7E6): a clean, paper-quiet neutral.
- Heather (#9F8783): A luminous, dusty orange — the color of sun-warmed clay.
- Pewter (#7E645D): A full-bodied, dusty orange — the color of toasted spice.
- Espresso (#4A0E30): A deep, shadowed, balanced rose — the color of strawberry cream.
- Black (#050000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Sophistication. Tagged scandi, muted, light.
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
- Timeworn Bronze color palette (#E7DDD7, #9F8878, #915E29, #4D1300, #030100)
- Ancient Garnet Summit color palette (#F4E4E4, #CBB5B0, #A88B7A, #5F1F4C, #040000)
- Tempered Cocoa Ridge color palette (#F2E6E3, #DDC6BD, #B49F94, #7E3E48, #21110D)
- Velvet Chestnut color palette (#F6D9D9, #894C3E, #562500, #181D00, #050500)
- Ancient Bronze Meadow color palette (#F8F0EB, #DDD9CA, #C1BEAF, #9F653B, #342A23)
- Moonless Fern color palette (#F3EDCE, #436400, #0F3300, #290700, #010100)
- Feathered Market color palette (#FDDDD7, #DB0195, #AF0052, #6E0205, #040000)
- Moonless Garnet Meadow color palette (#F2E1D4, #850032, #460500, #0D0B00, #040000)
Browse the whole catalog at Explore, or see today's palette.