Ultramarine Basin color palette — #F3DDEF · #1F3EC2 · #5E3E00 · #392400 · #000010

Cobalt and Bronze set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#F3DDEF): A whisper-light, dusty pink — the color of a candy shop window.
• Cobalt (#1F3EC2): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#5E3E00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#392400): A deep, shadowed, dusty gold — the color of old brass.
• Black (#000010): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Denim Hollow color palette (#F9E3FB, #005397, #6E3100, #441C00, #000206)
• Patina Grape color palette (#F5E0E8, #6E13B0, #524400, #322800, #030009)
• Midnight Cocoa Villa color palette (#D0E7F3, #005767, #583100, #001E14, #000103)
• Lapis Lagoon color palette (#E2E2D4, #4C50C9, #670E5B, #002718, #050012)
• Timeworn Sapphire Archive color palette (#E9DBE6, #3851F9, #A91273, #00524D, #000010)
• Twilit Aubergine Corridor color palette (#FCE0E2, #7E1886, #66002E, #151900, #000205)
• Byzantium Grove color palette (#F2D7DD, #A12AC4, #6A6300, #494400, #180220)
• Aubergine Lantern color palette (#E1E9F9, #6F57C8, #6C0087, #420027, #090001)

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