Abyss Coast color palette — #D5E2EA · #AFBDC8 · #7E94AB · #004257 · #000103

Deep Teal and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D5E2EA): a clean, paper-quiet neutral.
• Ash (#AFBDC8): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#7E94AB): A luminous, dusty blue — the color of deep harbor water.
• Deep Teal (#004257): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000103): a grounded near-black with real depth.

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

Use it as a design system

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

• Hushed Onyx color palette (#DBE1DD, #80928D, #7D6174, #002F3B, #000201)
• Weathered Aubergine color palette (#EAEDFA, #CDCEDE, #A4A3BC, #523992, #01020C)
• Petrol Grove color palette (#D7E2E9, #9D9FAD, #8C84A1, #006F86, #000B13)
• Aubergine Parlor color palette (#DAE4FF, #7C79A8, #53386E, #330E16, #0B0000)
• Patina Lagoon color palette (#DAF2F0, #358D67, #004737, #00211F, #000201)
• Cobalt Archive color palette (#F0F6FD, #D9D9E4, #C3BED7, #417AB1, #171F28)
• Feathered Lantern color palette (#CAE1FA, #00AEE8, #0187EA, #3B37CD, #000105)
• Smoked Navy color palette (#C9E1FB, #003C72, #3E343B, #110B14, #00000C)

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