Abyss Terrace color palette — #E7F1F7 · #98A6B7 · #8181AC · #004C64 · #010B12

Navy takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E7F1F7): a clean, paper-quiet neutral.
• Blue Fog (#98A6B7): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#8181AC): A luminous, dusty violet — the color of twilight just after sunset.
• Navy (#004C64): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#010B12): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Worn Abyss Lagoon color palette (#DFE9E4, #C2B6C3, #A3889C, #00425B, #000201)
• Weathered Meadow color palette (#E2F1EB, #85A199, #816680, #002F46, #000C08)
• Hushed Petrol color palette (#DAE6E0, #AF9FA3, #9D8381, #006E8C, #000D06)
• Aubergine Terrace color palette (#E9ECF6, #B5B1C8, #9F8DAB, #593D97, #101222)
• Weathered Cobalt Harbor color palette (#E9EFF6, #D2D7E3, #B4B4D4, #3375B3, #222F3C)
• Dusty Aubergine Thicket color palette (#C6ECF5, #5573A4, #6B3D92, #283000, #071200)
• Hushed Violet color palette (#F3F4FF, #E0DBED, #E5ABBA, #8D5AC2, #303143)
• Tempered Pine Delta color palette (#D4E9E3, #39865B, #005148, #003042, #000803)

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