Weathered Onyx color palette — #F5E2E0 · #9D7E59 · #5A6D3F · #413F6D · #14042E

Deep Indigo and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F5E2E0): A whisper-light, dusty orange — the color of autumn markets.
• Mocha (#9D7E59): A luminous, dusty gold — the color of honey in a jar.
• Olive (#5A6D3F): A full-bodied, dusty green — the color of fresh herbs.
• Navy (#413F6D): A deep, shadowed, dusty violet — the color of a velvet chair.
• Deep Indigo (#14042E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Weathered Onyx 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

• Muted Navy Lantern color palette (#F5D7E5, #B27869, #836525, #13487A, #0B1133)
• Hushed Delta color palette (#E8DDC9, #7F914D, #19775B, #5E3154, #23001C)
• Ancient Olive Cabin color palette (#F5EBCD, #7C7B3C, #445927, #003A38, #00171B)
• Aged Loft color palette (#F1E9D2, #8A8100, #5E55E9, #5D5600, #040021)
• Wandering Bronze color palette (#EEDDCF, #9B6C00, #705A00, #3C4200, #040C00)
• Taupe Pier color palette (#FCE7CE, #9BA866, #559281, #855961, #3C1A3D)
• Hushed Cobalt Bloom color palette (#FAEBE2, #6EABBD, #007CB8, #005E54, #000527)
• Weathered Grape Quarry color palette (#E3E8CD, #6D7600, #5353C7, #7024B9, #020200)

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