Abyss Villa color palette — #E2F2F3 · #BCD5DD · #8FAABC · #005B47 · #000304

Pine and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Cream (#E2F2F3): a clean, paper-quiet neutral.
• Silver (#BCD5DD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#8FAABC): A luminous, dusty blue — the color of deep harbor water.
• Pine (#005B47): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#000304): quiet, heavy and certain.

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

• Washed Abyss color palette (#E1EBEE, #AFBDC7, #8193AC, #00454A, #000102)
• Worn Dune color palette (#DFE3DB, #99B19A, #608A76, #004231, #0F1707)
• Muted Denim color palette (#EEF6FF, #DBD7E8, #B7B8D4, #0063A5, #020D1B)
• Cellar Abyss color palette (#C9E4ED, #00595D, #47464D, #16181E, #00060D)
• Muted Fern color palette (#F4D9E1, #9E8E41, #425600, #003427, #020100)
• Hushed Villa color palette (#D9F4E1, #35A1A3, #256799, #552900, #0F0900)
• Dusty Lagoon color palette (#FFE1F6, #008B67, #004A5F, #380500, #000201)
• Olive Parlor color palette (#D7E8E4, #3F7800, #00397A, #300007, #010100)

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