Ultramarine Field color palette — #E3ECFF · #5484FF · #0424ED · #00235A · #00010A
A conversation between Cobalt and Periwinkle, giving this palette its sense of trust and stability.
The five colors
- Frost (#E3ECFF): A whisper-light, dusty violet — the color of wild irises.
- Periwinkle (#5484FF): A luminous, vivid violet — the color of wild irises.
- Cobalt (#0424ED): A full-bodied, vivid violet — the color of a velvet chair.
- Midnight (#00235A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Black (#00010A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged monochrome, vibrant, 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
- Linen Garden color palette (#DFE2F4, #707BF7, #4A00E5, #250070, #02000F)
- Ultramarine Workshop color palette (#D6E3FA, #5893FF, #043FBF, #000451, #00000B)
- Sapphire Ridge color palette (#D0E2FF, #0E61F0, #00129D, #000E2B, #000011)
- Wandering Cobalt color palette (#E0F0FF, #0090DE, #005782, #002C4A, #000207)
- Indigo Alley color palette (#DAF4E3, #F33908, #725BFF, #100439, #010108)
- Softworn Aubergine color palette (#E1DDF2, #8B61D4, #5A00A4, #240052, #02000B)
- Gentle Nightshade Atelier color palette (#E3EBFF, #9DAFFF, #4A60FF, #2D16C1, #0B005E)
- Patina Lilac color palette (#DDEBFC, #ACADFE, #AB70D3, #005C7A, #0F193C)
Browse the whole catalog at Explore, or see today's palette.