Frosted Cobalt color palette — #F7ECE7 · #80D3E0 · #0090CD · #007049 · #1D2C50

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Cream (#F7ECE7): bright and airy, almost weightless.
• Ice Blue (#80D3E0): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0090CD): A luminous, balanced blue — the color of deep harbor water.
• Pine (#007049): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#1D2C50): 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 Frosted Cobalt 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

• Cobalt Studio color palette (#F9ECDF, #92CCF5, #6A82CB, #006C6A, #32264A)
• Ancient Azure color palette (#FCF1FA, #C7ECFC, #009FD4, #006C57, #001E40)
• Periwinkle Chapel color palette (#FFF3E8, #B5E2FF, #7398ED, #00837D, #433568)
• Petrol Canyon color palette (#E3F2F0, #8DB9CB, #00748B, #004F50, #003344)
• Dusty Turquoise color palette (#EEF0E5, #B7DFC1, #1EB6D6, #009191, #003343)
• Frosted Forest color palette (#FEEBE5, #4EB4B1, #00728C, #004E11, #00142A)
• Tempered Market color palette (#EDDDD2, #22A0C9, #0557A6, #003C33, #080029)
• Magenta Parlor color palette (#FFE4E7, #D133CC, #008F75, #007079, #361119)

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