Onyx Coast color palette — #ECE0C9 · #675900 · #003E5C · #290040 · #040000

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

The five colors

• Parchment (#ECE0C9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive (#675900): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#003E5C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#290040): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Velvet Onyx Study color palette (#FFE9D5, #744300, #003D42, #170055, #040001)
• Velvet Station color palette (#DCF6E6, #4F3E00, #002439, #1D0033, #050004)
• Velvet Nightshade color palette (#EAE6CB, #415900, #160095, #2A001F, #020100)
• Onyx Studio color palette (#ECE5D7, #747E00, #00512B, #1C0053, #010100)
• Weathered Fern Cabin color palette (#EBECD8, #605B62, #295B00, #111B17, #000803)
• Wandering Hollow color palette (#E7E4D2, #849700, #205E00, #002513, #000201)
• Fern Corridor color palette (#F1EEE3, #D2D1C0, #A4AA8B, #525000, #040200)
• Feathered Aubergine Workshop color palette (#FFF5D5, #888700, #005FA1, #6E007F, #100200)

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