Abyss Villa color palette — #E5EEF3 · #B1BAC3 · #828EA6 · #004D5C · #0D222C

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

The five colors

• Frost (#E5EEF3): bright and airy, almost weightless.
• Ash (#B1BAC3): a calm mid-gray that lets other colors speak.
• Slate Blue (#828EA6): A luminous, dusty violet — the color of a velvet chair.
• Deep Teal (#004D5C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#0D222C): 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 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

• Softworn Studio color palette (#E8EFEB, #A7B7B1, #68998C, #004B60, #030E08)
• Wandering Thicket color palette (#DCE0E7, #B5B8C6, #8F89A8, #133A97, #121F33)
• Dusty Petrol Villa color palette (#E6F2F9, #B8C6D1, #8CA8C3, #006B86, #0F222C)
• Patina Chapel color palette (#ECEEF6, #CCCAD7, #A79BB0, #5C38A8, #2A2D3B)
• Muted Denim color palette (#D2E4DF, #518CA0, #4B5691, #493400, #1B3000)
• Dusty Petrol Boulevard color palette (#F0F6FA, #D9DAE2, #C2BCCC, #0080A5, #3F4950)
• Washed Pine color palette (#D7EBE3, #588857, #00513E, #00353F, #012202)
• Muted Navy color palette (#E8EDF5, #9698A9, #736B88, #141972, #02081A)

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