Tempered Abyss color palette — #E5F0F6 · #ABB4C0 · #898BA2 · #004B60 · #000C16

Built around Navy, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Frost (#E5F0F6): a clean, paper-quiet neutral.
• Ash (#ABB4C0): a calm mid-gray that lets other colors speak.
• Slate Blue (#898BA2): A luminous, dusty violet — the color of a velvet chair.
• Navy (#004B60): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000C16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Navy Bloom color palette (#E3EBF3, #9B9FAD, #7C7890, #00395F, #00040D)
• Weathered Nightshade color palette (#E3E8F2, #B2B2BE, #93889C, #2B2DA2, #040A19)
• Softworn Petrol color palette (#E5F1EA, #CDBFCC, #BB9AA8, #006B85, #11241A)
• Ultramarine Delta color palette (#EAF3FE, #CFD3E5, #AFA5C4, #0055BA, #081A30)
• Antique Lagoon color palette (#D7E9E0, #5B845C, #005044, #002D46, #000B01)
• Muted Aubergine Veranda color palette (#DEE2EB, #8D8C98, #74647E, #22017B, #000009)
• Navy Chapel color palette (#DAF0E5, #578B9D, #56427F, #003919, #001C09)
• Timeworn Pewter color palette (#F1F1F7, #DED2D9, #C2B1BF, #7A5093, #1F1F2B)

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