Cobalt Study color palette — #ECF0E4 · #9CD1C2 · #4E89CE · #00668B · #172C54

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

The five colors

• Cream (#ECF0E4): bright and airy, almost weightless.
• Pistachio (#9CD1C2): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#4E89CE): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00668B): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#172C54): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Hazy Cornflower Field color palette (#F3F7E9, #95D3FF, #0090F0, #006E8D, #00306B)
• Cerulean Canyon color palette (#EFF0E3, #88D3D9, #0097AA, #006C67, #003440)
• Ancient Petrol Alley color palette (#F4EDE7, #8FB6D7, #4965A8, #004E57, #2D2457)
• Ancient Alley color palette (#F5F7E9, #9BE9FA, #00ACD2, #008286, #00465E)
• Sunlit Periwinkle color palette (#F7EBEF, #ABD9FF, #78A0FF, #008F9D, #2C2651)
• Dusty Denim color palette (#EBECE1, #5D9FA3, #006470, #003C38, #000B10)
• Tempered Atelier color palette (#F6F6EE, #CBE5DC, #99BC9C, #788E6A, #3A5140)
• Misty Peony color palette (#F2D9C0, #D58200, #B85EB5, #8C5400, #401340)

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