Ultramarine Basin color palette — #E7F7EC · #2C9CB5 · #335FB8 · #532B6F · #350E20
A conversation between Cobalt and Royal Purple, giving this palette its sense of trust and stability.
The five colors
- Cream (#E7F7EC): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#2C9CB5): A luminous, balanced blue — the color of deep harbor water.
- Cobalt (#335FB8): A full-bodied, balanced violet — the color of wild irises.
- Royal Purple (#532B6F): A deep, shadowed, balanced violet — the color of wild irises.
- Onyx (#350E20): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Trust, Stability, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Ultramarine Basin 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
- Hazy Ultramarine Thicket color palette (#E6F6EE, #009BC7, #4E5BAF, #5B2764, #00251B)
- Muted Basin color palette (#EDF4EA, #00A48C, #006E91, #393970, #0F2500)
- Nightshade Cabin color palette (#CDE8DA, #007D9F, #3900D5, #4B004F, #00120E)
- Airy Teal color palette (#E4FAFF, #00BDB2, #3E88B5, #5C5689, #06413C)
- Muted Basin color palette (#E4FAFB, #00A177, #705297, #723033, #542C10)
- Tempered Market color palette (#F6E1EE, #5D5BC1, #77006F, #510009, #000C16)
- Tempered Pewter color palette (#E1F9E8, #9DC9B6, #5E8E83, #7C525F, #43292D)
- Cerulean Terrace color palette (#F1F3EC, #C6E5D4, #4898BC, #006B77, #0A3429)
Browse the whole catalog at Explore, or see today's palette.