Ultramarine Garden color palette — #F4D6ED · #5F81FF · #888400 · #3851D0 · #111000

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

The five colors

• Thistle (#F4D6ED): A whisper-light, dusty pink — the color of a candy shop window.
• Periwinkle (#5F81FF): A luminous, vivid violet — the color of a velvet chair.
• Olive Leaf (#888400): A full-bodied, balanced green — the color of a quiet forest floor.
• Cobalt (#3851D0): A full-bodied, vivid violet — the color of wild irises.
• Ink (#111000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy, 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

• Worn Violet Quarry color palette (#E5E1F2, #9B67FF, #888400, #6E41BD, #111000)
• Softworn Nightshade Bloom color palette (#D4E5FF, #4074F0, #6F6B00, #0019AD, #010100)
• Muted Indigo Villa color palette (#DADEFA, #6661FF, #8D7100, #366F30, #050026)
• Azure Thicket color palette (#DFF3EB, #0098D5, #A67500, #006A96, #170D00)
• Soft Indigo color palette (#DFEAFF, #575AFF, #007764, #3027AC, #00140F)
• Patina Summit color palette (#FFE5EE, #B65CFD, #528202, #5E0091, #030800)
• Indigo Thicket color palette (#E0E2FF, #ABABFF, #B5BB20, #7362F3, #2F3100)
• Sapphire Villa color palette (#F3EEDD, #00A6C9, #4460E6, #152049, #050004)

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