Soft Cobalt color palette — #E3F3F8 · #00A9DD · #007FCB · #004C99 · #232D5C

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

The five colors

• Frost (#E3F3F8): bright and airy, almost weightless.
• Cyan (#00A9DD): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007FCB): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#004C99): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#232D5C): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

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

• Turquoise Thicket color palette (#CEEBED, #00ACC6, #007C9B, #005479, #00305D)
• Ancient Archive color palette (#DAF3FF, #4CB8FF, #1084F4, #3F58AF, #373862)
• Tempered Ultramarine Studio color palette (#E2F2FC, #0090F3, #0B46F7, #3323A8, #1E0B49)
• Lapis Cabin color palette (#D9ECFF, #5696FF, #5653FF, #513CAB, #382553)
• Patina Sapphire color palette (#DEE8FF, #74A7FE, #106BF6, #1138A1, #000E41)
• Antique Periwinkle Pier color palette (#C3E7DE, #5CAEFF, #B37800, #005697, #3A2400)
• Feathered Bloom color palette (#FBE5FB, #D2D6FF, #D390F7, #2285B3, #3E2537)
• Tempered Iris Delta color palette (#FBDDFE, #9ABDFF, #7783F1, #7162AC, #5F3948)

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