Weathered Ultramarine color palette — #FDE8FA · #204ED2 · #5C4900 · #02068C · #150F00

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

The five colors

• Blush (#FDE8FA): A whisper-light, dusty pink — the color of neon signs at night.
• Cobalt (#204ED2): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#5C4900): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#02068C): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#150F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Weathered Ultramarine 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

• Tempered Lantern color palette (#F4E5EB, #6E39BC, #5B4A00, #390070, #140F00)
• Aged Atelier color palette (#F8E9F4, #4B6CDF, #7E6200, #1C00CD, #150E00)
• Muted Denim color palette (#C2E9DC, #006599, #644500, #00304B, #170D00)
• Washed Navy color palette (#D9E9FF, #004A97, #3E4500, #0C3415, #000718)
• Faded Nightshade Meadow color palette (#FBD9F0, #6C71F4, #7F7100, #3E1DCC, #352E00)
• Byzantium Studio color palette (#EED9DF, #943BBF, #185B00, #330048, #021500)
• Faded Ultramarine Lagoon color palette (#E0EBFE, #5A82FF, #9D7A00, #2537FF, #150E00)
• Cobalt Market color palette (#DEF6F1, #948400, #0075C4, #090A1A, #000202)

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