Shadow Onyx color palette — #FFDED3 · #685200 · #003828 · #23002F · #010200

A conversation between Deep Indigo and Coffee, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFDED3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Coffee (#685200): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#003828): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#23002F): A deep, shadowed, balanced pink — the color of a candy shop window.
• Black (#010200): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, dark, muted.

Use it as a design system

One click turns Shadow Onyx 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 Lantern color palette (#ECE1CB, #5A5D00, #003B1A, #16004F, #070E00)
• Obsidian Fern Grove color palette (#FFE8E3, #3B4F00, #00292B, #1B000F, #000200)
• Aubergine Pier color palette (#EBE6C8, #454F00, #33006D, #180031, #030004)
• Charred Terracotta Ridge color palette (#F4ECDF, #962900, #2F3200, #0B0048, #030100)
• Feathered Study color palette (#F8EBD0, #797D00, #005126, #190055, #010100)
• Spruce Atelier color palette (#E6E5CA, #4D595A, #243F00, #162121, #000906)
• Muted Olive Pier color palette (#F7E2C7, #587637, #005153, #431329, #180009)
• Aubergine Field color palette (#ECDFEA, #956800, #005A31, #4B004B, #0D0C00)

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