Twilit Abyss color palette — #DCEEF0 · #005B4A · #45474F · #141B1F · #00070B

Pine and Ink set the tone — five colors that lean into sophistication and depth.

The five colors

• Frost (#DCEEF0): bright and airy, almost weightless.
• Pine (#005B4A): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#45474F): a grounded near-black with real depth.
• Ink (#141B1F): quiet, heavy and certain.
• Ink (#00070B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Twilit Abyss 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 Lagoon color palette (#E1F3E5, #009A8D, #00585F, #002738, #000105)
• Abyss Delta color palette (#D5F0F4, #3D3534, #004037, #10161B, #000808)
• Periwinkle Terrace color palette (#EFF6FF, #759DEA, #44435E, #151F2D, #02060A)
• Aged Turquoise Summit color palette (#E7F9FE, #57C1C3, #42576A, #1D2E33, #0A1111)
• Worn Emerald Meadow color palette (#CBE9DD, #3BA562, #005A54, #2B2E00, #000200)
• Muted Cypress Chapel color palette (#DBEDD1, #007C6A, #003A3E, #0D1B19, #020A00)
• Petrol Summit color palette (#F0EAD3, #70A486, #006A80, #4C2900, #110600)
• Hushed Terracotta color palette (#D2E9F1, #008F98, #A94300, #00454A, #030000)

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