Soft Cobalt color palette — #FCEFE8 · #68CBE4 · #007AB1 · #005348 · #001643

A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#FCEFE8): bright and airy, almost weightless.
• Sky (#68CBE4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#007AB1): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005348): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#001643): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Patina Cobalt Villa color palette (#FBEFE9, #ADD2B9, #0086B9, #005D4D, #0A203D)
• Tempered Grove color palette (#F4F7E7, #2CCBF1, #00799C, #00555C, #003751)
• Sapphire Lagoon color palette (#FEEFDF, #8EC1ED, #3359FF, #00505A, #1C0649)
• Wandering Harbor color palette (#EAE1DA, #69A6BD, #005C94, #003A36, #010230)
• Chalky Boulevard color palette (#FFF0F9, #5CDEFE, #0096D9, #007466, #0C2F6B)
• Muted Lagoon color palette (#E4FBF8, #CADEF4, #00A9D9, #00717B, #00283C)
• Gentle Wisteria color palette (#D6FCE9, #B9D3FF, #C192FF, #007B6D, #002538)
• Airy Azure color palette (#BDE9FF, #16ABF9, #00628B, #00334F, #000912)

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