Onyx Pier color palette — #FFEDD2 · #007479 · #004163 · #4A0018 · #001A20

Espresso and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FFEDD2): A whisper-light, dusty gold — the color of old brass.
• Teal (#007479): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004163): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#4A0018): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#001A20): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged retro, 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

• Navy Veranda color palette (#FFE3DC, #00746C, #063288, #3C0900, #000709)
• Linen Alley color palette (#DFF5E4, #00636E, #460084, #420101, #0F1400)
• Airy Pine Field color palette (#FFEDD2, #007B3C, #004745, #3D0046, #001C12)
• Midnight Abyss Orchard color palette (#D0F0DE, #004D60, #272A31, #001020, #000402)
• Weathered Bloom color palette (#F3ECE1, #61AEAB, #00636D, #00402E, #00242E)
• Airy Ultramarine color palette (#F9E2B4, #0088B9, #3608E5, #612100, #002A4C)
• Ultramarine Quarry color palette (#F5D9EC, #009488, #1951B2, #661900, #001A20)
• Airy Aubergine color palette (#F5E1C2, #0069B0, #400F99, #3A1B00, #051335)

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