Ultramarine Studio color palette — #F8F7DA · #4D7806 · #153CC0 · #6A004D · #311900

Cobalt and Mulberry set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F8F7DA): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#4D7806): A full-bodied, balanced green — the color of new leaves after rain.
• Cobalt (#153CC0): A full-bodied, vivid violet — the color of a velvet chair.
• Mulberry (#6A004D): A deep, shadowed, balanced pink — the color of peonies in June.
• Onyx (#311900): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

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

• Worn Market color palette (#FEF5DA, #6D7100, #005585, #5C006C, #3E1503)
• Navy Chapel color palette (#E6E8D6, #427713, #29208D, #50002E, #201200)
• Powdered Garnet Drift color palette (#F1F9DE, #019652, #005AA4, #74004B, #3E2E00)
• Misty Grape Market color palette (#F0F9E3, #008A56, #5E14BE, #710026, #282100)
• Olive Delta color palette (#F1F4E1, #1B8C16, #005D6F, #720037, #101100)
• Moonless Aubergine color palette (#E6EFD5, #005D33, #450073, #360009, #090600)
• Airy Aubergine Archive color palette (#E1F8DE, #006867, #6B0060, #491D00, #081A00)
• Misty Moss color palette (#DEFDF7, #3EA700, #007BA0, #961F46, #102A08)

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