Onyx Study color palette — #E2F3ED · #004061 · #1C2728 · #3F0018 · #080800

Onyx and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E2F3ED): bright and airy, almost weightless.
• Navy (#004061): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#1C2728): quiet, heavy and certain.
• Onyx (#3F0018): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#080800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Onyx Market color palette (#E4EFE2, #004542, #1E2722, #320041, #0F0500)
• Nightshade Study color palette (#FCE6F8, #1000B5, #1B2228, #380F00, #080800)
• Twilit Navy Drift color palette (#F2D6EC, #342E33, #110084, #1B0A06, #04000B)
• Eclipse Denim color palette (#E3F0F9, #5950A1, #4E234E, #131A00, #040600)
• Washed Navy Villa color palette (#F6E9DB, #467FA4, #043386, #001F22, #01000A)
• Feathered Grove color palette (#FBD5E0, #A300E5, #6B4100, #003431, #001214)
• Moonless Studio color palette (#F9D8E3, #6500A1, #3C2300, #001411, #000201)
• Lowlit Quarry color palette (#F4E1CE, #675700, #232F00, #090F34, #020100)

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