Cobalt Field color palette — #F0F5FF · #CECFFF · #C2A4EB · #557DBE · #2D3153

Cerulean and Lavender set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lilac Frost (#CECFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#C2A4EB): A luminous, balanced violet — the color of twilight just after sunset.
• Cerulean (#557DBE): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2D3153): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, light, muted.

Use it as a design system

One click turns Cobalt Field 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

• Cobalt Delta color palette (#FFF0FB, #DED2D8, #DBBFFF, #6182BE, #1F1F40)
• Dusty Periwinkle Summit color palette (#EAF7FF, #B4E1FF, #81B2F9, #00889F, #0D3D51)
• Ancient Wisteria color palette (#EBEEFF, #CEADEF, #CF88D4, #5B5BB0, #2C1B3E)
• Quiet Blush color palette (#F5F2FF, #FBB8E6, #EA92B4, #906AA6, #342846)
• Antique Lagoon color palette (#EAF2FF, #C4B8E8, #D579AC, #00647A, #323258)
• Linen Mallow color palette (#FFE7FE, #EACAE8, #FFA1E9, #14ADD6, #462A3B)
• Ash Basin color palette (#F4F4FF, #E1D5E1, #AEB8A9, #988CBA, #4E4C62)
• Linen Studio color palette (#D9DCF7, #985CDB, #B24D46, #005C73, #201232)

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