Ultramarine Garden color palette — #FFF4E2 · #E4B94D · #6D9519 · #0053B2 · #2E2800

Cobalt and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Saffron (#E4B94D): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#6D9519): A luminous, balanced green — the color of fresh herbs.
• Cobalt (#0053B2): A full-bodied, vivid blue — the color of deep harbor water.
• Espresso (#2E2800): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Ancient Nightshade Study color palette (#FFF4E2, #BBBC75, #4D8F5B, #4341A0, #1B2600)
• Feathered Hollow color palette (#FFF4E2, #FEA86C, #9E8400, #00627D, #3A2200)
• Nightshade Terrace color palette (#FFF4E2, #B8A22B, #317F00, #1824A7, #131400)
• Patina Denim Market color palette (#FFF4E2, #B7D89B, #43A689, #6F519B, #31322C)
• Linen Clover Villa color palette (#FFF3E8, #FFAA60, #60C119, #7C5DBA, #433304)
• Faded Navy Villa color palette (#FFF4DE, #AE8500, #4C6C00, #00418E, #3D3601)
• Nightshade Corridor color palette (#FFF4DE, #CDAB21, #00918C, #512AB9, #460008)
• Muted Grape Harbor color palette (#FFF4E2, #8FD664, #009C82, #7033A5, #003212)

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