Onyx Pier color palette — #DDF4E6 · #564A00 · #003A2E · #110050 · #050100

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

The five colors

• Honeydew (#DDF4E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Deep Olive (#564A00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#003A2E): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#110050): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Charred Forest color palette (#DDF5F2, #005E1E, #003D3C, #300041, #030100)
• Charred Cocoa color palette (#FFE8F1, #7A4100, #004316, #001632, #070000)
• Twilit Cocoa color palette (#F4E5CF, #5D3B00, #002D38, #1B1204, #00050B)
• Timeworn Bronze color palette (#F1E3DB, #986800, #4C4E00, #0D2B00, #000402)
• Cocoa Bloom color palette (#E0E6E0, #9AA9A1, #659088, #5D3E00, #020C03)
• Shadow Garnet color palette (#F4D7D5, #62003E, #001D2A, #03002E, #040007)
• Aubergine Study color palette (#F5E6ED, #A54A00, #456100, #640160, #070001)
• Misty Ember Grove color palette (#D7E5DD, #E96225, #847900, #006843, #040500)

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