Ultramarine Lagoon color palette — #F9E1F7 · #0049B3 · #6C3300 · #2B2B00 · #000109

Built around Cobalt, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Blush (#F9E1F7): A whisper-light, dusty pink — the color of neon signs at night.
• Cobalt (#0049B3): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#6C3300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#2B2B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000109): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Nocturne Summit color palette (#F5D5E4, #5B27B7, #5A4000, #0E3200, #02000C)
• Nocturne Corridor color palette (#CFE7DF, #005887, #850800, #322800, #000205)
• Tempered Veranda color palette (#D6E2EC, #0075A9, #6B6400, #4E4800, #000205)
• Wandering Aubergine color palette (#F9E9D0, #6B4DAC, #6A005D, #232000, #07000F)
• Lowlit Spruce color palette (#D3ECD8, #004046, #1F3000, #031800, #000203)
• Byzantium Loft color palette (#FFE6EF, #864CC0, #735E00, #00502F, #140324)
• Byzantium Ridge color palette (#F4DADE, #99169F, #4B5A00, #004030, #0C000D)
• Hushed Basin color palette (#E7EAFB, #7B58BA, #74008F, #420035, #0D0004)

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