Ultramarine Garden color palette — #CDDFFD · #7093F2 · #A68000 · #3658C6 · #352700

Cobalt and Lavender Blue set the tone — five colors that lean into optimism and creativity.

The five colors

• Powder Blue (#CDDFFD): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender Blue (#7093F2): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#A68000): A luminous, balanced gold — the color of afternoon light on wheat.
• Cobalt (#3658C6): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#352700): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Calm, Balance. Tagged cool.

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

• Patina Courtyard color palette (#D3DDFD, #A19BFF, #908900, #5134BB, #2D2A00)
• Dusty Periwinkle color palette (#CDE0F4, #59AFFF, #B57600, #005795, #3A2300)
• Indigo Loft color palette (#E7EEFF, #98A1EB, #A89634, #6066C2, #3F3500)
• Worn Workshop color palette (#FFF0FC, #99B6FF, #B38400, #2A4BC8, #221600)
• Navy Summit color palette (#CDE0FA, #4D7DCE, #7E6800, #003EA5, #322800)
• Muted Nightshade color palette (#E9EDFB, #866EE9, #7B7900, #5533B0, #1D1C00)
• Timeworn Sapphire Balcony color palette (#EED5EB, #84AEFF, #CDA71F, #2D6CF3, #332700)
• Aubergine Grove color palette (#DDDAF7, #CC8AE9, #679700, #762B93, #1E2F00)

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