Tempered Abyss color palette — #E1E4F6 · #A395B7 · #876B81 · #26525E · #003134

Peacock and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Frost (#E1E4F6): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#A395B7): A luminous, dusty violet — the color of a velvet chair.
• Slate (#876B81): A full-bodied, dusty pink — the color of peonies in June.
• Peacock (#26525E): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#003134): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered 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

• Weathered Basalt color palette (#E2E5FF, #B9ADC6, #9E8093, #385E6B, #213952)
• Timeworn Taupe color palette (#ECD8E1, #CE9A8B, #617C6B, #2D4C5F, #152F3E)
• Ancient Study color palette (#F7E8FD, #B898B8, #A16E60, #62581F, #1A4A3C)
• Tempered Boulevard color palette (#F2EAF9, #A96881, #74452F, #003739, #001819)
• Wandering Cobalt color palette (#EDF4EC, #B0CBE5, #6379B7, #005A66, #181D3B)
• Tempered Harbor color palette (#E9F6E8, #7FAC93, #596C3B, #3B4565, #002314)
• Bronze Pier color palette (#FFF1F0, #FFC7CF, #BC9483, #83631C, #504100)
• Hazy Lantern color palette (#F5E2F5, #CA7478, #00907E, #962435, #00221D)

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