Onyx Pier color palette — #EBF1E3 · #00432C · #4A1800 · #1B1000 · #000201

Espresso and Forest set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#EBF1E3): a clean, paper-quiet neutral.
• Forest (#00432C): A deep, shadowed, dusty teal — the color of glacier melt.
• Espresso (#4A1800): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1B1000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000201): quiet, heavy and certain.

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

• Eclipse Spruce color palette (#DEE8D3, #003322, #1F1E29, #2E0D00, #0E0800)
• Moonless Atelier color palette (#CEEED5, #004E56, #413500, #162100, #000607)
• Mulberry Meadow color palette (#D3ECFD, #005A7B, #7C0056, #3A2400, #000204)
• Eclipse Aubergine color palette (#FFE9EE, #5C0F72, #152121, #3E0018, #140500)
• Sunlit Cocoa color palette (#DAE1CF, #00754D, #883600, #4B3200, #002113)
• Muted Meadow color palette (#D9E5E1, #A195A1, #81677C, #002D4E, #000C09)
• Deep Cabin color palette (#D8EBE3, #006387, #110080, #00212F, #000010)
• Nightshade Boulevard color palette (#FFE4F6, #2C039E, #52002B, #2B0100, #01000E)

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