Twilit Cobalt color palette — #CDEEE0 · #0080B1 · #341A2F · #121F22 · #000503

Cerulean and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CDEEE0): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0080B1): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#341A2F): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#121F22): a grounded near-black with real depth.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Deep Meadow color palette (#D6EDD9, #00878E, #00283D, #061116, #000601)
• Ancient Cobalt color palette (#DAFFF3, #0090E3, #452C3C, #00140F, #000201)
• Cellar Workshop color palette (#F7DBFA, #0077D5, #241E43, #11161C, #080109)
• Charred Chapel color palette (#E1F2FF, #005D7F, #2C262A, #151537, #00060D)
• Cerulean Study color palette (#D5F1E4, #0098CD, #4C4F7A, #1C362C, #010601)
• Iris Basin color palette (#FFF0FC, #7298FF, #563E47, #251B23, #020705)
• Hushed Azure Veranda color palette (#FFF2EC, #A4F5FF, #00A0CE, #006C52, #001F3B)
• Velvet Ridge color palette (#FDD9EF, #694FFF, #33163C, #221513, #0C0007)

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