Ultramarine Field color palette — #D8F6FF · #3BA1DE · #005FC0 · #2F3A90 · #251741

A conversation between Cobalt and Indigo, giving this palette its sense of trust and stability.

The five colors

• Frost (#D8F6FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#3BA1DE): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#005FC0): A full-bodied, vivid blue — the color of open sky before noon.
• Indigo (#2F3A90): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#251741): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

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

• Weathered Periwinkle color palette (#CCE8FE, #3AA2FA, #2470C9, #254586, #2A345C)
• Dusty Cornflower color palette (#EDF7FF, #9CCAFF, #3184FC, #3351A7, #1B244C)
• Indigo Bloom color palette (#CEE8FF, #7FA9F0, #6764CA, #523A83, #3E1C27)
• Airy Turquoise color palette (#C2EBE5, #00A5B8, #006F91, #004165, #071F42)
• Airy Delta color palette (#F3E4EF, #708BE6, #AA6C00, #3347B1, #2A1700)
• Frosted Boulevard color palette (#FFEAF6, #9A9FF3, #4D59C7, #272378, #06012F)
• Misty Alley color palette (#C2E8F9, #0070C2, #2A00D6, #270065, #170029)
• Ancient Byzantium color palette (#DDE5F6, #9586E2, #873FC4, #611F6C, #381329)

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