Cobalt Study color palette — #FAF4EC · #B3D8C3 · #008ABF · #006666 · #074171

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

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Oat (#B3D8C3): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#008ABF): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#006666): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#074171): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Timeworn Turquoise Archive color palette (#D0EAE8, #00B4C3, #008399, #005673, #2E3368)
• Pale Cobalt color palette (#F9F0EA, #9CDBED, #0088D9, #00644D, #1A1F4E)
• Aged Study color palette (#FEF4E3, #7CC3E0, #0075AF, #005559, #003169)
• Tempered Field color palette (#DEFEEF, #CFE5FF, #B5B6FF, #007B85, #244B70)
• Aged Denim Pier color palette (#ECE3D5, #5E9AA8, #00516D, #00302E, #001527)
• Muted Azure Garden color palette (#FDF1F8, #9BE9FF, #26A2FC, #008569, #353C65)
• Weathered Petrol Harbor color palette (#F8F5EF, #C8E7E9, #7E9CBE, #2B7A89, #614A5D)
• Wandering Plum Balcony color palette (#CBF7E4, #008BBA, #BE3080, #636500, #00354A)

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