Abyss Field color palette — #CCF6FE · #006057 · #3D373D · #001D21 · #000304

Pine takes the lead with Frost close behind in a set that reads as sophistication and depth at first glance.

The five colors

• Frost (#CCF6FE): A whisper-light, dusty blue — the color of deep harbor water.
• Pine (#006057): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#3D373D): a grounded near-black with real depth.
• Ink (#001D21): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000304): quiet, heavy and certain.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Fern Market color palette (#C4EDE4, #2C6100, #312F38, #001F11, #000303)
• Eclipse Abyss color palette (#DFF4FE, #004E5D, #22232B, #000F1C, #000204)
• Inked Cypress Balcony color palette (#D9E8D4, #007C6F, #003946, #0F1D1A, #000A08)
• Abyss Villa color palette (#D3E5CE, #6F6469, #005A53, #161C20, #000708)
• Worn Emerald color palette (#C7E9E3, #009C61, #006151, #234117, #001409)
• Washed Cobalt color palette (#DFEAF6, #0083E0, #323F5C, #162330, #070E13)
• Washed Turquoise color palette (#D8E8DB, #00B4D2, #007095, #004A47, #001527)
• Aged Terracotta Courtyard color palette (#D0EFF9, #0085A0, #A93F00, #004E5F, #200600)

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