Ultramarine Studio color palette — #FFF4E2 · #009CB8 · #005CBC · #86010F · #003B51

Built around Cobalt, softened by Oxblood — the whole palette hums with trust and stability.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cerulean (#009CB8): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#005CBC): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Oxblood (#86010F): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Deep Teal (#003B51): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged retro, cool.

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

• Frosted Corridor color palette (#FFF4E2, #0097D0, #423FE1, #742B00, #123759)
• Muted Garnet Bloom color palette (#FFF4E2, #00A293, #006A86, #79164A, #003E40)
• Dusty Lantern color palette (#FFEFE0, #00A6A4, #4159B3, #5D3200, #00202A)
• Worn Nightshade Workshop color palette (#EEDBBF, #0083A9, #1D37B9, #5E1600, #00273F)
• Muted Indigo color palette (#FFF2EA, #00BFC4, #5E6EE9, #8A4600, #003B4E)
• Dusty Grape Pier color palette (#E2FDEE, #008BAD, #8A00A7, #642F00, #003C16)
• Muted Grape color palette (#FFF4E2, #6E98DD, #7754AC, #6B440D, #4A3644)
• Aubergine Boulevard color palette (#F6E9D5, #0068B2, #43049C, #391B00, #071433)

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