Onyx Coast color palette — #F7DAE8 · #7E7571 · #525400 · #431546 · #350212

Built around Royal Purple, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F7DAE8): A whisper-light, dusty rose — the color of pressed rose petals.
• Pewter (#7E7571): a calm mid-gray that lets other colors speak.
• Deep Olive (#525400): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#431546): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#350212): A deep, shadowed, balanced red — the color of a theater curtain.

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

• Wandering Onyx color palette (#FFE1D3, #845940, #3A4100, #410030, #2D0504)
• Navy Quarry color palette (#FBDFE9, #906360, #6E3600, #241E6F, #350024)
• Hushed Onyx color palette (#FCD7CD, #947B32, #005C3D, #530018, #290D00)
• Onyx Balcony color palette (#F7EFE0, #547831, #00432F, #3A0044, #081300)
• Olive Boulevard color palette (#F9E7D9, #9B8A53, #4D7021, #003F69, #171745)
• Patina Station color palette (#F3DEE1, #C58C5B, #657536, #6F305F, #611128)
• Washed Bronze color palette (#FFEBDA, #846E00, #395200, #002848, #07002F)
• Frosted Aubergine color palette (#F4EED6, #606400, #5700BB, #2D2F00, #130034)

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