Tempered Abyss color palette — #DFECF1 · #8BA4B3 · #677E98 · #003F3F · #000508

Built around Deep Teal, softened by Slate — the whole palette hums with sophistication.

The five colors

• Frost (#DFECF1): bright and airy, almost weightless.
• Blue Fog (#8BA4B3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#677E98): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#003F3F): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000508): quiet, heavy and certain.

Feels like: 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

• Weathered Onyx Parlor color palette (#D7E2E9, #848E9B, #616A85, #002F3F, #000103)
• Ancient Navy Boulevard color palette (#E9ECF2, #AFB2C4, #9089A3, #2E3B83, #050A17)
• Washed Villa color palette (#DDE9DD, #9EBDAD, #A38DA4, #005F5F, #0D170D)
• Petrol Balcony color palette (#EEF2F8, #D8D4DD, #B7B3CD, #3F63A3, #1A212B)
• Weathered Corridor color palette (#ECF3F7, #D5D7E0, #B7ACB7, #5D8AA0, #2F383C)
• Softworn Navy color palette (#D5EAE3, #19718E, #334377, #2D1D00, #090A00)
• Cellar Olive Study color palette (#D3E7DA, #5B7218, #004319, #002424, #020300)
• Nightshade Meadow color palette (#D0E2EA, #00A57E, #00829D, #3E00BF, #000205)

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