Twilit Harbor color palette — #DCF0FB · #004E5F · #242229 · #030A2C · #000407

A conversation between Peacock and Ink, giving this palette its sense of trust and stability.

The five colors

• Frost (#DCF0FB): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#004E5F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#242229): quiet, heavy and certain.
• Ink (#030A2C): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#000407): quiet, heavy and certain.

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

Use it as a design system

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

• Cellar Abyss Workshop color palette (#C9E2F5, #003D5E, #111118, #090025, #000205)
• Dusty Workshop color palette (#D0EADA, #0087A4, #24436B, #00212B, #000300)
• Tempered Petrol color palette (#D4EFFF, #006B85, #40363A, #00283B, #000B13)
• Inked Grape Field color palette (#E8EBF9, #6800C9, #443534, #2D0B22, #060717)
• Wandering Cornflower color palette (#EAF3FF, #4B79D5, #3B3A4E, #242931, #13151A)
• Ultramarine Lantern color palette (#D7E8FF, #0055B7, #604B00, #333D09, #00102D)
• Nightshade Atelier color palette (#D6DFEF, #1500CF, #241D23, #1A0224, #00020F)
• Timeworn Summit color palette (#E8DCE9, #5AAFAC, #006178, #00420E, #00203E)

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