Ultramarine Field color palette — #F0F5FF · #9DB5FF · #A78A00 · #394FB5 · #1F1800

Cobalt takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#9DB5FF): A luminous, balanced violet — the color of wild irises.
• Mustard (#A78A00): A luminous, balanced green — the color of fresh herbs.
• Cobalt (#394FB5): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#1F1800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Timeworn Grape color palette (#F3F4FF, #C8A3FF, #869711, #7037AD, #161B00)
• Soft Amber Alley color palette (#EDF7FF, #61C3FF, #C46900, #006B9B, #291100)
• Sunlit Indigo Bloom color palette (#F1F5FF, #B3B8FF, #B2AD38, #6868C2, #2C2900)
• Airy Aubergine Garden color palette (#E9EDFF, #957DE7, #7B8100, #5620B0, #070800)
• Hushed Terrace color palette (#EDD8E9, #5379D9, #7F6900, #1231B0, #171200)
• Ancient Byzantium Canyon color palette (#F6F3FF, #F995FF, #30B211, #9E00A9, #042601)
• Quiet Iris color palette (#F3F4FF, #DEC8FF, #AFC66F, #9A75C9, #333D14)
• Soft Ember color palette (#F1F5FF, #7B86EF, #DA4B1B, #00804C, #080629)

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