Twilit Onyx Pier color palette — #E5F2E6 · #005557 · #002D49 · #16003F · #020A00

Deep Indigo and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E5F2E6): A whisper-light, dusty green — the color of new leaves after rain.
• Peacock (#005557): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#002D49): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#16003F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#020A00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Twilit 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

• Twilit Forest Villa color palette (#EAF2D1, #005A28, #003133, #001528, #0A0700)
• Velvet Navy color palette (#D6F2E4, #004458, #160060, #150016, #000202)
• Ancient Petrol Orchard color palette (#D5EEF2, #00738B, #00475B, #002636, #001421)
• Worn Ridge color palette (#DDE0D3, #479ABD, #005073, #002E37, #001527)
• Lagoon Harbor color palette (#D2ECEA, #009D7F, #00847D, #004E5B, #000F0F)
• Petrol Canyon color palette (#D2ECED, #00819C, #00557B, #331E4C, #2D081C)
• Hushed Ridge color palette (#FBE7F8, #0A2FEB, #57006A, #00261D, #00141D)
• Timeworn Olive color palette (#E8DEC9, #736F00, #353C00, #112900, #150F00)

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