Ultramarine Coast color palette — #F3E7DC · #74A5C4 · #0050B5 · #003D40 · #19154B

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

The five colors

• Parchment (#F3E7DC): a clean, paper-quiet neutral.
• Blue Fog (#74A5C4): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#0050B5): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Teal (#003D40): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#19154B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Dusty Denim color palette (#E9DCD6, #66ABB7, #005F81, #003F32, #011F40)
• Feathered Dune color palette (#E9EEDC, #62BBF3, #1E79BD, #00566D, #001E43)
• Azure Bloom color palette (#DCE8DE, #9FC5E4, #5B95D8, #007A8D, #0E1A46)
• Washed Navy Atelier color palette (#EEE3DB, #4589AB, #003B77, #002223, #050228)
• Tempered Study color palette (#FCF3EF, #AAD0B2, #0084AB, #00624B, #1E3D5A)
• Patina Cornflower Courtyard color palette (#FBF4EC, #ACD3F4, #4073F8, #00656F, #3D3867)
• Softworn Iris color palette (#F9F4EF, #BDE7DC, #7286C8, #006E7F, #593E4C)
• Aged Bronze color palette (#F3DCC2, #975F00, #00637D, #513100, #001E29)

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