Abyss Villa color palette — #EFF1E7 · #4E8A9F · #00425B · #002127 · #000A15

A conversation between Navy and Storm Blue, giving this palette its sense of trust and stability.

The five colors

• Cream (#EFF1E7): a clean, paper-quiet neutral.
• Storm Blue (#4E8A9F): A luminous, dusty blue — the color of deep harbor water.
• Navy (#00425B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002127): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000A15): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Denim Ridge color palette (#E1E4D8, #6098B1, #004F73, #002E38, #001528)
• Ancient Cobalt color palette (#DFF4F1, #61ACC8, #007EAC, #005B68, #000A15)
• Tempered Petrol Balcony color palette (#EDF0E8, #91B6D7, #2769B2, #004B67, #132B5A)
• Airy Atelier color palette (#F7E4EB, #9C7DB2, #91428D, #36008C, #19042A)
• Lagoon Thicket color palette (#F5F6ED, #B6CCB5, #008892, #006155, #00434D)
• Powdered Nightshade color palette (#FFE2F1, #4F3AA3, #004944, #22005E, #000807)
• Lowlit Aubergine color palette (#EFE7FF, #7550AD, #3D006A, #110025, #03000A)
• Lowlit Chestnut Delta color palette (#F0E0CC, #715410, #3D2600, #1C0C00, #050300)

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