Cobalt Studio color palette — #D7E9E7 · #00B4D3 · #2A84C6 · #2C4978 · #3B1E2F

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

The five colors

• Frost (#D7E9E7): bright and airy, almost weightless.
• Cyan (#00B4D3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#2A84C6): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2C4978): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#3B1E2F): A deep, shadowed, dusty pink — the color of peonies in June.

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

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 Meadow color palette (#DAF5FF, #4CAEF4, #5D6EBB, #59447B, #44222B)
• Sunlit Hollow color palette (#E1F5E9, #00C9BB, #008190, #135B7C, #341F36)
• Cobalt Courtyard color palette (#C9F0FF, #59ABD2, #2184B5, #135A8E, #3F3F65)
• Worn Periwinkle color palette (#E0F8F0, #52ACEC, #BA7F39, #136A9F, #3A2100)
• Feathered Lagoon color palette (#EBF2FF, #95C0FF, #5079BC, #234371, #00152F)
• Faded Corridor color palette (#C6EEFA, #0098D4, #0035E9, #300091, #2A0037)
• Aged Glacier color palette (#FDE3D3, #49E1FD, #00ABC9, #1D2F25, #0A100C)
• Pale Amethyst color palette (#E1F1FF, #728DFF, #8645DE, #621777, #3D0728)

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