Ultramarine Garden color palette — #E6F3E9 · #856600 · #0045C3 · #372900 · #000108

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

The five colors

• Cream (#E6F3E9): a clean, paper-quiet neutral.
• Ochre (#856600): A full-bodied, balanced gold — the color of old brass.
• Cobalt (#0045C3): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#372900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000108): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Ultramarine Garden 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 Harbor color palette (#D5F7E6, #746E00, #5A2EB9, #2F2D00, #010008)
• Bronze Atelier color palette (#FAE4EE, #A15300, #005A8A, #452000, #000103)
• Nightshade Courtyard color palette (#F2E2CB, #634700, #3407A2, #291C00, #01000A)
• Sunlit Sapphire color palette (#DBF3E3, #977B00, #006AE1, #665200, #000516)
• Aubergine Archive color palette (#CBECE5, #488B1B, #710087, #143400, #030004)
• Washed Aubergine color palette (#F1E9CB, #655300, #004F5D, #58004D, #020100)
• Wandering Olive color palette (#F0D8DF, #0090B4, #647E00, #050B07, #000201)
• Softworn Harbor color palette (#FAEAD3, #684C00, #71004E, #2B1E00, #120009)

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