Pale Cobalt color palette — #B3FDFE · #65B3D6 · #3375BF · #434794 · #4E2867

A conversation between Royal Blue and Indigo, giving this palette its sense of trust and stability.

The five colors

• Sea Foam (#B3FDFE): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#65B3D6): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#3375BF): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#434794): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#4E2867): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Pale 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

• Periwinkle Garden color palette (#D8F0FF, #65B0F5, #537BB8, #31427F, #1B1552)
• Denim Meadow color palette (#C6FFE4, #55C7CA, #0084A5, #00538D, #2E3576)
• Indigo Lagoon color palette (#DDF1FF, #8DB6EB, #6865BE, #673679, #5F184C)
• Patina Boulevard color palette (#E8FBEC, #22A8C5, #5460B6, #634900, #2A4051)
• Misty Iris Corridor color palette (#EEF6FF, #62F2F8, #7BBDFF, #8F73C7, #2D3F57)
• Softworn Lapis color palette (#D9F5FF, #1DA0FA, #4B15F4, #4F0082, #490045)
• Timeworn Petrol Corridor color palette (#F0F6FA, #D9DAE2, #C3BCD4, #3D7E92, #40494F)
• Muted Cobalt color palette (#D7E6F7, #3274B6, #2A304B, #14202D, #0A0D13)

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