Twilit Abyss color palette — #D3EDF1 · #005146 · #22282E · #001015 · #000203

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

The five colors

• Frost (#D3EDF1): A whisper-light, dusty blue — the color of deep harbor water.
• Forest (#005146): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#22282E): quiet, heavy and certain.
• Ink (#001015): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000203): quiet, heavy and certain.

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

• Hushed Canyon color palette (#CDECE3, #44845C, #005147, #233101, #000802)
• Cerulean Courtyard color palette (#D5EAF4, #0090A5, #28425B, #0D252F, #031012)
• Tempered Denim Basin color palette (#E8DEE5, #579FAC, #006084, #003D31, #00091B)
• Shadow Coast color palette (#DFECF9, #00568D, #271D21, #151235, #000308)
• Misty Mulberry color palette (#D7E9F4, #007492, #A70029, #003F50, #140001)
• Hushed Sapphire Canyon color palette (#E2EEFF, #0172E9, #3B2B66, #041B35, #000911)
• Denim Lantern color palette (#D9EAD3, #31877A, #035A7B, #532314, #1C0600)
• Worn Garnet color palette (#D9E9EF, #00627A, #8A2300, #642900, #000203)

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