Twilit Ultramarine color palette — #D3E5FE · #004BB5 · #4C3700 · #252902 · #000202

Cobalt and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D3E5FE): A whisper-light, dusty blue — the color of open sky before noon.
• Cobalt (#004BB5): A full-bodied, vivid blue — the color of open sky before noon.
• Deep Olive (#4C3700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Deep Forest (#252902): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Depth. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Obsidian Ultramarine Hollow color palette (#F2DFF2, #0A59BE, #5F1B00, #141A00, #000102)
• Pale Balcony color palette (#D6E0FB, #6C00EA, #3B4900, #0F2C00, #000303)
• Hazy Coast color palette (#E0EAFB, #3242FA, #850404, #00300F, #000B04)
• Moonless Aubergine color palette (#E6E6FF, #76008C, #482D00, #211F00, #000204)
• Powdered Garden color palette (#D6ECD1, #265CFF, #760883, #033605, #0B0426)
• Garnet Field color palette (#D5E5EF, #005C74, #80010C, #540105, #010300)
• Indigo Dune color palette (#EDF2FF, #606CFF, #756900, #524900, #001F1A)
• Plum Pier color palette (#E6DFF5, #BB0096, #005A3C, #003A25, #000712)

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