Tempered Abyss color palette — #EAF2ED · #A8BFB5 · #7B958D · #004C60 · #13231B

Navy and Eucalyptus set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EAF2ED): bright and airy, almost weightless.
• Ash (#A8BFB5): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#7B958D): A luminous, dusty teal — the color of glacier melt.
• Navy (#004C60): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#13231B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Worn Denim color palette (#D6E5E0, #C5B2C6, #A0839C, #004971, #0D241E)
• Hushed Cabin color palette (#E7EFF4, #B6C7D5, #98A6B9, #006C82, #0C222D)
• Muted Denim Corridor color palette (#F6EBEF, #DCC5CB, #B8969C, #5E4684, #37292F)
• Cerulean Drift color palette (#DBE1DD, #CBBDC2, #C29FA0, #0090A4, #102418)
• Antique Balcony color palette (#EEF8F4, #CDE1E4, #D4C4D3, #527F6E, #404A46)
• Muted Pine color palette (#E9ECD9, #009156, #00523B, #003731, #002210)
• Washed Navy Garden color palette (#EFE4EB, #A7939E, #816973, #211E62, #11050D)
• Nightshade Lantern color palette (#CFEDE2, #00A7D0, #0087C1, #2246A5, #00182F)

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