Onyx Pier color palette — #F0EDE0 · #725E00 · #005B4E · #510017 · #000201

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

The five colors

• Cream (#F0EDE0): a clean, paper-quiet neutral.
• Olive (#725E00): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#005B4E): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#510017): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#000201): quiet, heavy and certain.

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

• Onyx Coast color palette (#F9DEC5, #885000, #005E27, #4B0035, #040001)
• Wandering Fern color palette (#DEEAD5, #416E00, #005766, #431B00, #000201)
• Cellar Atelier color palette (#C6F1DE, #545600, #00443D, #310100, #020100)
• Twilit Basin color palette (#D8F8EF, #354D00, #003F3A, #2B0047, #030600)
• Feathered Emerald Lantern color palette (#DEE8D6, #1FA21D, #005E2F, #002618, #000201)
• Hushed Moss Lagoon color palette (#D9F0E6, #8E9600, #005D33, #3C4000, #000201)
• Ultramarine Parlor color palette (#C6F9FF, #00866F, #005AC0, #433800, #000201)
• Gentle Ridge color palette (#D3FFFE, #00A465, #007FB6, #684600, #000A0A)

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