Twilit Abyss Harbor color palette — #D4F0FC · #004E5A · #23242C · #000F1A · #000204

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

The five colors

• Frost (#D4F0FC): A whisper-light, dusty blue — the color of deep harbor water.
• Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#23242C): a grounded near-black with real depth.
• Ink (#000F1A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000204): a grounded near-black with real depth.

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

Use it as a design system

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

• Washed Market color palette (#DBEAF7, #0086D3, #303D67, #142331, #050F15)
• Petrol Veranda color palette (#D2EAD9, #006876, #00233F, #03100B, #000201)
• Spruce Drift color palette (#D6ECF5, #6A625D, #00353C, #191820, #000411)
• Hushed Garden color palette (#DEE9E0, #5A99C9, #0052B6, #003A46, #04002D)
• Feathered Petrol color palette (#CDE6FF, #006DB3, #804800, #003A63, #0D0400)
• Fern Thicket color palette (#D5E4DA, #727B36, #295100, #003524, #050700)
• Nocturne Navy color palette (#DFEDFF, #003D98, #0D0032, #0A0C15, #000207)
• Twilit Pier color palette (#D9EAFF, #005DBD, #1E1855, #292027, #00091B)

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