Ultramarine Field color palette — #EAF3FF · #5F94FF · #9C8000 · #144DCA · #282000

Cobalt and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF3FF): bright and airy, almost weightless.
• Lavender Blue (#5F94FF): A luminous, vivid violet — the color of wild irises.
• Olive Leaf (#9C8000): A luminous, balanced green — the color of fresh herbs.
• Cobalt (#144DCA): A full-bodied, vivid violet — the color of twilight just after sunset.
• Onyx (#282000): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged vibrant.

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

• Frosted Bloom color palette (#F0F5FF, #658AFF, #9C7900, #2E4ACB, #4A3800)
• Navy Dune color palette (#E9F3FF, #6CA8FF, #BA6900, #004BA5, #331900)
• Grape Delta color palette (#EEF1FF, #A37DF7, #9A8100, #6C24C8, #282000)
• Dusty Nightshade Study color palette (#E3EDFF, #5878D8, #6E7100, #1D31AD, #131300)
• Emerald Pier color palette (#DEEAFB, #6991D6, #25941E, #2350A2, #052304)
• Frosted Alley color palette (#FFF0FB, #90A9FF, #CC9A18, #4B61DB, #4C3700)
• Patina Bronze color palette (#E2F5FF, #00AAC7, #AB7800, #006679, #2D1D00)
• Chalky Emerald color palette (#EFF1FF, #AF93DF, #4DA451, #71519E, #002F2B)

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