Onyx Loft color palette — #F5EEE1 · #573F00 · #00412C · #3B0018 · #020100

Onyx takes the lead with Deep Olive close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F5EEE1): bright and airy, almost weightless.
• Deep Olive (#573F00): A deep, shadowed, dusty gold — the color of old brass.
• Forest (#00412C): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#3B0018): A deep, shadowed, balanced red — the color of a theater curtain.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, 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

• Deep Pier color palette (#DFF1E9, #363A00, #003131, #2A0200, #010100)
• Twilit Veranda color palette (#EFDDE9, #7B1C00, #333B00, #2C0043, #040000)
• Shadow Veranda color palette (#D8E8E1, #426000, #003A15, #00171F, #000200)
• Washed Forest color palette (#D0EBE9, #006334, #00496A, #392200, #000301)
• Antique Hollow color palette (#E0EBE6, #93A49F, #5A867D, #373900, #000603)
• Onyx Atelier color palette (#D3F2EF, #005220, #003C51, #001252, #000200)
• Timeworn Olive color palette (#D6F0E8, #517100, #00606D, #5C2200, #000A07)
• Tempered Pine Villa color palette (#D8EEEE, #008B56, #006AA3, #5D3C00, #001414)

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