Onyx Coast color palette — #F3EFD5 · #594D00 · #003E69 · #25003D · #020100

Built around Deep Indigo, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Cream (#F3EFD5): A whisper-light, dusty green — the color of new leaves after rain.
• Deep Olive (#594D00): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#003E69): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#25003D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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

• Onyx Basin color palette (#F2EDDB, #383900, #002F3E, #1E0030, #010100)
• Cocoa Thicket color palette (#FBDCEB, #7A3700, #004549, #001146, #030100)
• Inked Fern Terrace color palette (#D9F5F1, #176606, #002F45, #130012, #020100)
• Cellar Nightshade color palette (#E0EDD6, #365900, #3309A3, #310022, #000201)
• Cellar Onyx color palette (#CFEFE2, #404300, #00244C, #1E0F07, #0C000B)
• Olive Garden color palette (#DEE4D1, #1F8E13, #004C2D, #00110D, #000202)
• Worn Olive color palette (#D1E3DA, #847E00, #004833, #2F2D00, #000202)
• Aubergine Field color palette (#D5EADC, #816B00, #604CB4, #472B98, #020200)

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