Ultramarine Drift color palette — #F5F7E2 · #70B75D · #2754C6 · #1C5D00 · #030003

Built around Cobalt, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Cream (#F5F7E2): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#70B75D): A luminous, balanced green — the color of new leaves after rain.
• Cobalt (#2754C6): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#1C5D00): A full-bodied, balanced green — the color of new leaves after rain.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged duotone.

Use it as a design system

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

• Powdered Grape color palette (#F3F8E7, #5CB97A, #7D2FB7, #005E2E, #040001)
• Hazy Mustard color palette (#FCF5E1, #B1A52D, #006697, #564F00, #000201)
• Nightshade Hollow color palette (#E4EED9, #00A77A, #462FAF, #004832, #040002)
• Cobalt Corridor color palette (#E0F2F2, #49C38F, #0089D4, #008C5F, #00040A)
• Wandering Ridge color palette (#E1F7D7, #00B89F, #00737F, #002F4A, #020010)
• Washed Loft color palette (#EFF9E8, #00E3B8, #8D51F6, #007D64, #02000A)
• Weathered Olive Harbor color palette (#D2E8E4, #338D21, #004072, #0B3D01, #00030B)
• Pale Lagoon color palette (#FFE8E3, #00A27E, #00588F, #540900, #000505)

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