Abyss Garden color palette — #E1EDF3 · #97A7B5 · #7887A2 · #004E5A · #000B12

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

The five colors

• Frost (#E1EDF3): a clean, paper-quiet neutral.
• Blue Fog (#97A7B5): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#7887A2): A luminous, dusty violet — the color of a velvet chair.
• Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Dusty Navy color palette (#EBF0F7, #A0A4B3, #86829F, #0C3F90, #040912)
• Abyss Lagoon color palette (#E0EEE5, #AEBFB8, #9C8B9C, #004451, #000201)
• Petrol Study color palette (#DFEAE2, #8FA5A9, #A1898A, #00707E, #000D04)
• Onyx Terrace color palette (#E4EFE8, #8AA096, #56796E, #00303D, #000D05)
• Tempered Bloom color palette (#E3E8ED, #BFC4D1, #A3A1BE, #225FAD, #17202A)
• Grape Thicket color palette (#CDE2F4, #00ADA2, #0085B1, #7213B8, #000311)
• Patina Aubergine Lantern color palette (#C8EBEC, #3D76AD, #5F3F8B, #342F00, #151700)
• Sunlit Corridor color palette (#D4E4D5, #00707D, #0E00BA, #2D1B00, #000407)

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