Onyx Loft color palette — #D2E9FD · #003B5E · #500E00 · #191100 · #000205
Built around Espresso, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#D2E9FD): A whisper-light, dusty blue — the color of deep harbor water.
- Navy (#003B5E): A deep, shadowed, balanced blue — the color of deep harbor water.
- Espresso (#500E00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#191100): A deep, shadowed, dusty gold — the color of old brass.
- Black (#000205): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged dark, 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
- Midnight Atelier color palette (#D5E9EF, #004041, #500034, #240900, #000202)
- Charred Veranda color palette (#E0EAFF, #26218B, #3E2300, #0D1600, #01000F)
- Aubergine Drift color palette (#E3E3FF, #620090, #3C3700, #00240F, #090013)
- Eclipse Nightshade Station color palette (#D7E5D9, #3B34A5, #3B0049, #130C00, #050014)
- Aubergine Boulevard color palette (#D9E4EF, #145D9C, #44004E, #001E3A, #040006)
- Hushed Spruce Boulevard color palette (#DDE9D3, #00624B, #584100, #013306, #000201)
- Nightshade Orchard color palette (#E9EFFF, #4F3CA0, #5D3A00, #1A3000, #0E012F)
- Obsidian Aubergine color palette (#E3EBFF, #5F55AA, #3D0071, #1D0022, #0C0007)
Browse the whole catalog at Explore, or see today's palette.