Ultramarine Field color palette — #F8E3F4 · #153DC5 · #673500 · #282A00 · #000013

A conversation between Cobalt and Bronze, giving this palette its sense of nature and growth.

The five colors

• Blush (#F8E3F4): A whisper-light, dusty pink — the color of a candy shop window.
• Cobalt (#153DC5): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#673500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#282A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000013): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Smoked Aubergine color palette (#EFDDE6, #4700B0, #4C2F00, #062300, #010009)
• Worn Denim color palette (#D6EDE6, #00558D, #732800, #2F2700, #000302)
• Midnight Aubergine color palette (#F3D6DF, #70359E, #611A00, #111F00, #000407)
• Worn Sapphire Orchard color palette (#DCEAFF, #3965D7, #964700, #444600, #020A28)
• Moonless Aubergine Garden color palette (#F9DBE3, #780FA0, #4F4300, #003021, #050009)
• Timeworn Amethyst color palette (#FFE8F1, #8036DC, #6F5800, #0A4906, #100027)
• Washed Grape color palette (#F5EDE1, #7449B0, #680753, #202000, #0C0013)
• Fern Veranda color palette (#CEFAE2, #007F9C, #3D6F00, #224200, #000102)

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