Abyss Villa color palette — #E7F0F3 · #C2CED5 · #8CA4B6 · #006261 · #1D3137
A conversation between Peacock and Blue Fog, giving this palette its sense of sophistication.
The five colors
- Cream (#E7F0F3): bright and airy, almost weightless.
- Oat (#C2CED5): a calm mid-gray that lets other colors speak.
- Blue Fog (#8CA4B6): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006261): A full-bodied, dusty teal — the color of glacier melt.
- Deep Forest (#1D3137): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Softworn Denim color palette (#EEF6FF, #C9D3E4, #9CA5C8, #005D9F, #263443)
- Abyss Workshop color palette (#E0E9EE, #ADBBC7, #7C90A9, #004D5C, #0A222D)
- Cypress Alley color palette (#EAF1E9, #CEDBD4, #C2B1C0, #00837D, #273126)
- Wandering Basalt Alley color palette (#D5ECF0, #73A2C1, #5A6786, #653B36, #4E2800)
- Wandering Terrace color palette (#D8EAE0, #7D9656, #206523, #00493C, #003128)
- Navy Garden color palette (#E1E5ED, #9699A7, #6F6E82, #161C6D, #030819)
- Ancient Corridor color palette (#C7E8CE, #00888E, #00527C, #640022, #002932)
- Quiet Sapphire Hollow color palette (#E0F5FF, #00C8B7, #00A1C0, #155FD9, #002D3D)
Browse the whole catalog at Explore, or see today's palette.