Onyx Loft color palette — #EEDEE7 · #56889C · #003F69 · #002220 · #02002F

A conversation between Ink and Navy, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#EEDEE7): A whisper-light, dusty pink — the color of peonies in June.
• Storm Blue (#56889C): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#003F69): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#002220): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#02002F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Onyx Loft 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

• Muted Navy Boulevard color palette (#EDE1E7, #5D98B4, #004A88, #00302F, #0A0048)
• Tempered Abyss Delta color palette (#E3E7D7, #478198, #00415B, #001E24, #000103)
• Timeworn Cobalt Studio color palette (#F7E8DE, #54ADCC, #007AC0, #005E57, #010329)
• Cobalt Dune color palette (#DBF0F1, #479FAA, #3874BC, #1E3500, #001513)
• Eclipse Hollow color palette (#EAF1D7, #107515, #004126, #001C18, #00070D)
• Wandering Courtyard color palette (#F8EAEF, #8FB6D8, #4060BE, #004E58, #2D2358)
• Twilit Garnet color palette (#C7E5E6, #006044, #740041, #00281A, #120006)
• Cerulean Workshop color palette (#FAF2F8, #A1CDDB, #0086A2, #006342, #113E5B)

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