Abyss Summit color palette — #DAE7EA · #8BA4B2 · #687E96 · #003F3D · #000507

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

The five colors

• Frost (#DAE7EA): bright and airy, almost weightless.
• Blue Fog (#8BA4B2): A luminous, dusty blue — the color of deep harbor water.
• Slate (#687E96): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#003F3D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000507): a grounded near-black with real depth.

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

Use it as a design system

One click turns Abyss Summit 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 Petrol Hollow color palette (#DDE8EF, #818F9E, #5D6A8D, #002F3D, #000103)
• Abyss Balcony color palette (#E0ECDE, #A6BAAE, #74A095, #00605C, #0C170A)
• Wandering Navy color palette (#E5E9F0, #AFB2C2, #8F88A7, #24398F, #040A18)
• Worn Pier color palette (#EEF2F8, #D8D4DE, #B6B4C9, #3A65A2, #1B2129)
• Cerulean Quarry color palette (#ECF3F6, #D5D7DE, #B8ACB8, #4E8E9B, #2F383B)
• Softworn Boulevard color palette (#D1E7E4, #007396, #383A70, #2C1D00, #0D0700)
• Ultramarine Meadow color palette (#D2E2EA, #00A684, #007686, #3214DD, #000103)
• Shadow Spruce color palette (#D5E3D9, #617024, #00430F, #002423, #020300)

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