Cobalt Studio color palette — #F8EAF3 · #87D2E3 · #008ED6 · #006F50 · #212B4F

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

The five colors

• Blush (#F8EAF3): bright and airy, almost weightless.
• Ice Blue (#87D2E3): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008ED6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006F50): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#212B4F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: 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

• Cornflower Atelier color palette (#F7EBEF, #A5C9E8, #5C7BF2, #006C6B, #33244E)
• Worn Azure color palette (#FEF3ED, #B6F1FF, #369CD1, #006B5C, #031D42)
• Softworn Petrol Parlor color palette (#F5EDE1, #62C0D6, #007297, #00504D, #06304E)
• Iris Delta color palette (#FFF1F6, #B9E1FF, #7493FF, #008281, #453662)
• Hushed Turquoise color palette (#E5F2F0, #B1DAEE, #50B2D4, #009097, #003347)
• Teal Bloom color palette (#D1F0E1, #00B4AE, #00899A, #005885, #122C59)
• Quiet Sky color palette (#C3E6FF, #40BBF9, #0082A9, #004365, #001821)
• Aged Studio color palette (#D0F2FF, #B7D4FF, #D191FA, #448C60, #143348)

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