Soft Ultramarine color palette — #FFF3E9 · #D57B1A · #3A5BB8 · #354D8D · #2E1922

Built around Cobalt, softened by Mustard — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Mustard (#D57B1A): A luminous, balanced gold — the color of honey in a jar.
• Cobalt (#3A5BB8): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#354D8D): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#2E1922): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

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

• Washed Amber Ridge color palette (#FFF3E7, #C66C00, #00779D, #005D7C, #2D151F)
• Antique Amber Pier color palette (#FFEFDC, #CA8400, #0079B5, #623D7A, #371F46)
• Marigold Terrace color palette (#FFEAD8, #D69200, #398A55, #564D7E, #33302A)
• Washed Moss color palette (#F8F6E6, #9D9B00, #477CB1, #3A6592, #381F1B)
• Linen Moss color palette (#FAF6E1, #899D15, #71479E, #6D3262, #301412)
• Navy Villa color palette (#FFF0FE, #A73E44, #054592, #402266, #23162E)
• Aubergine Field color palette (#E9FAEF, #A89033, #007D71, #4E2293, #16020B)
• Aged Indigo color palette (#FFF2EF, #EF7D93, #4499EA, #7559D4, #320E13)

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