Abyss Villa color palette — #E8F1F3 · #99A7AE · #708A9D · #005050 · #000B10

Forest and Storm Blue set the tone — five colors that lean into sophistication.

The five colors

• Cream (#E8F1F3): bright and airy, almost weightless.
• Taupe (#99A7AE): a calm mid-gray that lets other colors speak.
• Storm Blue (#708A9D): A luminous, dusty blue — the color of deep harbor water.
• Forest (#005050): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000B10): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Spruce Atelier color palette (#E8F0F2, #8B9DA8, #61728A, #00332F, #000C0F)
• Abyss Canyon color palette (#DEE8DE, #ACC1B3, #789B8D, #004546, #000200)
• Patina Meadow color palette (#DEE8F0, #BAC5D4, #98A4C1, #006798, #0F212F)
• Patina Pier color palette (#D1E2EA, #5081A3, #4A5383, #590300, #170A00)
• Hushed Ultramarine Alley color palette (#E6EDF6, #AFB4C0, #8E92B8, #0044C0, #091423)
• Muted Basin color palette (#D2E9F4, #00AE9E, #008AA0, #005DB1, #00060A)
• Cerulean Study color palette (#F0F6FA, #D7D8E2, #BEBCCD, #008DB7, #303C44)
• Hushed Veranda color palette (#D6EBE1, #657F3E, #005512, #00342B, #040700)

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