Tempered Onyx Pier color palette — #DFF5F4 · #79A8AB · #477782 · #304A66 · #1B2344

A conversation between Midnight and Navy, giving this palette its sense of calm and sophistication.

The five colors

• Cream (#DFF5F4): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#79A8AB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#477782): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#304A66): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#1B2344): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Calm, Sophistication. Tagged vintage, retro, muted, cool.

Use it as a design system

One click turns Tempered 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 Basin color palette (#CEFAF6, #47B1BC, #267695, #433579, #2C153D)
• Weathered Navy color palette (#D3FAEE, #468F8D, #045763, #222657, #180735)
• Ash Parlor color palette (#D0EFF6, #72AEB3, #617F90, #454C66, #303004)
• Hushed Courtyard color palette (#C3F3F5, #9FC5CB, #73909A, #515F73, #2D344B)
• Patina Cerulean Parlor color palette (#E6F6F4, #A8CDE5, #4683A7, #005968, #00233B)
• Cobalt Station color palette (#E1F3FB, #7BB5DE, #6281B5, #634266, #4A203C)
• Washed Teal color palette (#C7FFF6, #4FC1B3, #00746B, #003934, #00120F)
• Feathered Harbor color palette (#DFF2E3, #48AE7A, #007C55, #005140, #002B24)

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