Onyx Pier color palette — #D9F4ED · #327755 · #00403A · #400101 · #000402

Espresso and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D9F4ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Pine (#327755): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#00403A): A deep, shadowed, dusty teal — the color of glacier melt.
• Espresso (#400101): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#000402): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Patina Olive color palette (#E3F5EB, #52742A, #004224, #231F00, #010400)
• Spruce Field color palette (#DBEFDD, #696C2D, #174100, #3A002C, #030300)
• Weathered Quarry color palette (#E2E3CF, #629F63, #005D32, #342A00, #000200)
• Lowlit Aubergine Loft color palette (#DCF2E5, #005837, #590086, #57003C, #000201)
• Softworn Atelier color palette (#EEEDDB, #49956A, #006057, #671514, #001408)
• Muted Aubergine color palette (#C8E9E4, #267E26, #61006C, #033405, #070009)
• Washed Petrol color palette (#C2E7E4, #68AA9C, #007E9C, #3C3A00, #000D06)
• Aged Dune color palette (#E6F6F0, #78ABA7, #197561, #414C15, #002220)

Browse the whole catalog at Explore, or see today's palette.