Onyx Coast color palette — #DFF0EE · #008DA2 · #006280 · #002F5F · #130240

Deep Indigo takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#DFF0EE): a clean, paper-quiet neutral.
• Cerulean (#008DA2): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#006280): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#002F5F): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#130240): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Pale Navy color palette (#C4E7E8, #0089AC, #005999, #191C88, #1A003D)
• Hushed Lagoon color palette (#DFF1E4, #008C75, #00646B, #003542, #001025)
• Cerulean Meadow color palette (#CAE9E6, #009AAF, #005C79, #00213B, #000009)
• Tempered Grove color palette (#D5EEF4, #006FAA, #1F19C4, #2D0675, #160022)
• Pale Cobalt color palette (#DAECF9, #0080BB, #9C4E00, #004A6F, #1D0900)
• Frosted Peony color palette (#D6EDF6, #8CA9FF, #C961B0, #006454, #001A30)
• Muted Hollow color palette (#C6F0EF, #00B1D7, #0082CC, #1345CA, #321D6C)
• Chestnut Harbor color palette (#D9F1FB, #00718E, #725600, #404A09, #00090E)

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