Ultramarine Alley color palette — #F3F1DA · #7B9422 · #3C36D0 · #3D4C00 · #08003C

Built around Cobalt, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Cream (#F3F1DA): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#7B9422): A luminous, balanced green — the color of new leaves after rain.
• Cobalt (#3C36D0): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#3D4C00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#08003C): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Hushed Corridor color palette (#F0F2D3, #499F22, #6233B1, #1D5300, #150032)
• Ultramarine Thicket color palette (#F0E7D1, #877800, #275CCE, #4F4600, #000738)
• Pale Lapis color palette (#D4EEE5, #7F981F, #411EEF, #354200, #01000A)
• Sunlit Harbor color palette (#FBE0C7, #C07221, #0055A5, #673700, #000F26)
• Aubergine Canyon color palette (#E9EEDA, #238F49, #6E1388, #00451C, #0E0014)
• Hazy Grape Hollow color palette (#E8F0CE, #626E00, #6233C2, #641B97, #070900)
• Byzantium Veranda color palette (#E3EDDA, #008C6D, #982BAB, #00523F, #1E0024)
• Sunlit Orchid color palette (#ECE7BA, #9BC02A, #9A50D8, #5B7400, #420069)

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