Timeworn Abyss color palette — #E3F0EB · #BBA0B2 · #9C727D · #003C5A · #031812

Navy takes the lead with Mocha close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E3F0EB): bright and airy, almost weightless.
• Mauve (#BBA0B2): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#9C727D): A full-bodied, dusty red — the color of a theater curtain.
• Navy (#003C5A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#031812): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Timeworn Abyss 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

• Hushed Abyss color palette (#DBE6DA, #91B2A3, #93748D, #00413E, #0A1809)
• Weathered Navy color palette (#ECDFE8, #BCA1A9, #9D7272, #212D77, #1E0D1B)
• Navy Delta color palette (#D9E0E7, #95A1B2, #6D7C9A, #003667, #00040D)
• Timeworn Aubergine Thicket color palette (#F5EAEC, #C8B3B1, #A78676, #593169, #2A1A1E)
• Washed Courtyard color palette (#E6F0F9, #B0ADBB, #A491B0, #0077BB, #081521)
• Timeworn Coast color palette (#FDF1FE, #EBC7DA, #C19BA1, #105C9C, #3B2E3D)
• Dusty Indigo color palette (#D2E3E8, #676CBD, #73305D, #17320A, #001C12)
• Weathered Pewter Loft color palette (#FCF2F4, #E3D9D1, #C7BFAF, #8B658A, #4E4546)

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