Abyss Veranda color palette — #DAE1E5 · #ADBBC9 · #838EA8 · #004D5F · #0C222D

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

The five colors

• Silver (#DAE1E5): bright and airy, almost weightless.
• Ash (#ADBBC9): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#838EA8): A luminous, dusty violet — the color of wild irises.
• Deep Teal (#004D5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#0C222D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Abyss Veranda 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

• Softworn Abyss color palette (#D7E2DC, #A0BAB1, #9A859D, #004B63, #010E08)
• Antique Courtyard color palette (#DCE7EE, #B5C7D6, #94A7BC, #006A8B, #142129)
• Worn Nightshade Corridor color palette (#EDEEF5, #CDCAD8, #AC97B9, #5B458C, #2B2D3A)
• Washed Cerulean color palette (#E7F3EC, #B2C3C5, #C4A5AD, #008EB2, #10241B)
• Petrol Ridge color palette (#F0F6FA, #D9D9E1, #C3BCCC, #387D9D, #41494E)
• Hushed Pine color palette (#CFE4DC, #4A8B56, #005142, #003442, #012209)
• Navy Archive color palette (#E8EDF7, #9698AD, #746B87, #1C1C69, #050913)
• Tempered Aubergine color palette (#CAF1FB, #6489B7, #624186, #363A00, #0A290E)

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