Ultramarine Lagoon color palette — #D3E7D3 · #C58722 · #0056D9 · #684300 · #00113D

Cobalt and Mustard set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#D3E7D3): A whisper-light, dusty green — the color of a quiet forest floor.
• Mustard (#C58722): A luminous, balanced gold — the color of honey in a jar.
• Cobalt (#0056D9): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#684300): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#00113D): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged vibrant.

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

• Timeworn Ridge color palette (#D5ECE0, #A09922, #573CE2, #534E00, #130049)
• Patina Terrace color palette (#FAE1B5, #AA7B00, #0075BA, #664800, #003051)
• Frosted Amber color palette (#F4DFE8, #C96900, #007CA6, #753A00, #001924)
• Sunlit Balcony color palette (#FDDFBB, #E79F29, #1878EA, #8E5D00, #002B62)
• Antique Violet Station color palette (#DBFBEB, #B1AD3E, #7C59CF, #625E00, #270357)
• Mustard Workshop color palette (#E0FEE8, #E7BB28, #0097D3, #826700, #002133)
• Aubergine Hollow color palette (#EAE2D5, #936900, #007379, #810095, #160C00)
• Hushed Lagoon color palette (#EAF5EC, #C6B185, #849BCF, #8F6B00, #223051)

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