Onyx Coast color palette — #ECDBD4 · #987C58 · #59531C · #003B49 · #03244C

Midnight and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#ECDBD4): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mocha (#987C58): A luminous, dusty gold — the color of honey in a jar.
• Deep Olive (#59531C): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Teal (#003B49): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#03244C): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Worn Fern Canyon color palette (#FFE8D7, #817C75, #4C5C07, #003959, #2D154B)
• Weathered Fern color palette (#EBDAE7, #AC6F5D, #4F5100, #2E2B56, #110833)
• Cocoa Thicket color palette (#FDDEE9, #AA6E6E, #75431B, #003E31, #082435)
• Dusty Villa color palette (#F9DEE6, #C58059, #667B2B, #3B4E76, #162544)
• Pale Amber Veranda color palette (#FFDACD, #D4903D, #8B854A, #2E7086, #092449)
• Onyx Canyon color palette (#F1E8CD, #587036, #00452A, #0E0B56, #1D012F)
• Misty Ultramarine color palette (#ECE0CC, #876800, #3743C9, #483600, #0C0C4F)
• Wandering Denim Summit color palette (#E8E0D2, #88A88E, #006176, #003F36, #002333)

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