Onyx Coast color palette — #E4F3E9 · #004550 · #2B004C · #190100 · #010200

Deep Indigo and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E4F3E9): A whisper-light, dusty teal — the color of sea glass.
• Deep Teal (#004550): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#2B004C): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#190100): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#010200): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. 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

• Obsidian Onyx color palette (#D2E3DD, #004067, #39002E, #100700, #010205)
• Navy Archive color palette (#DEF2D6, #00473E, #040067, #19000B, #030100)
• Onyx Courtyard color palette (#D4F2E3, #504A56, #003344, #101A1E, #00040E)
• Eclipse Aubergine color palette (#D4EDF3, #006660, #530077, #271700, #030200)
• Tempered Lagoon color palette (#F0E8DA, #1E9194, #00454F, #00231A, #000B12)
• Midnight Pier color palette (#CAEEFF, #005C8F, #003164, #05004A, #050023)
• Cellar Fern color palette (#EDE8DA, #446A00, #003510, #001C17, #030800)
• Navy Drift color palette (#D5E5DA, #009C95, #006C80, #00387E, #000306)

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