Cobalt Studio color palette — #F7ECE6 · #A7D0B4 · #008FD3 · #006F4F · #202B4F

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7ECE6): a clean, paper-quiet neutral.
• Pistachio (#A7D0B4): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#008FD3): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006F4F): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#202B4F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Cobalt Studio 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 Azure Harbor color palette (#FCF3EE, #B6E0CA, #4998ED, #007E6A, #4C3042)
• Wandering Cornflower Chapel color palette (#F4EDE5, #A2CAE9, #5E79F5, #006C6C, #342350)
• Muted Azure color palette (#FDF1F9, #B6F1FF, #349CD2, #006B5C, #011C44)
• Turquoise Study color palette (#EEF0E2, #9FDFEE, #34B4DA, #009096, #003346)
• Dusty Coast color palette (#E7F2E9, #6CBFD2, #007296, #00504C, #07314D)
• Abyss Chapel color palette (#F7E7E2, #4CB4B6, #007190, #004E1E, #00132E)
• Sky Studio color palette (#E7F1CD, #A0E6E3, #75B8FF, #827600, #2B3D26)
• Feathered Pier color palette (#F5E8DE, #639BB5, #0052B6, #003C35, #0A0028)

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