Ultramarine Studio color palette — #EAF7FF · #99D1FF · #3F8BE5 · #274EAE · #170766
A conversation between Cobalt and Azure, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EAF7FF): bright and airy, almost weightless.
- Sky (#99D1FF): A whisper-light, balanced blue — the color of deep harbor water.
- Azure (#3F8BE5): A luminous, balanced blue — the color of open sky before noon.
- Cobalt (#274EAE): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Indigo (#170766): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Ultramarine Studio 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
- Cerulean Bloom color palette (#E4FAFF, #6DD7FF, #0093CB, #00548A, #001D42)
- Iris Atelier color palette (#F0F5FF, #B3C3FF, #877CF7, #61419C, #360056)
- Navy Chapel color palette (#CFECF3, #51A5CB, #2D67A3, #1F307C, #1A0042)
- Muted Grape color palette (#D3DEF8, #6F75F0, #5800D6, #2C0056, #020005)
- Ultramarine Lantern color palette (#DAEEFF, #48A0FF, #114CF9, #230090, #030017)
- Hazy Periwinkle Summit color palette (#93F8F7, #4BD6FF, #60A6F3, #626FC6, #3B135F)
- Tempered Cobalt color palette (#F0FAE2, #64C0FF, #517BCE, #743669, #002821)
- Frosted Aubergine color palette (#ABF7DF, #4AB3BE, #2670AB, #3B2E8A, #4F005D)
Browse the whole catalog at Explore, or see today's palette.