Frosted Cobalt color palette — #F9ECE3 · #99CDE5 · #418BCF · #006C69 · #1D275E

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

The five colors

• Cream (#F9ECE3): bright and airy, almost weightless.
• Sky (#99CDE5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#418BCF): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006C69): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1D275E): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Aged Cerulean Canyon color palette (#F7ECE6, #92D2D2, #0096B2, #007047, #00314C)
• Periwinkle Coast color palette (#FAF4EF, #BDDCD1, #6D96D8, #007B82, #35365B)
• Azure Terrace color palette (#FFF0F8, #C3EDFF, #3597E8, #006A66, #121B3E)
• Chalky Loft color palette (#F8EEE3, #89BEB1, #586EC0, #005765, #230D4C)
• Tempered Petrol Harbor color palette (#E4F2F0, #7EBBD6, #00709F, #004E5B, #003150)
• Cobalt Meadow color palette (#FFEAF3, #EAC6EA, #F49CA4, #487FD2, #3E244A)
• Aged Quarry color palette (#FBF3EF, #C7E4DD, #60B1CC, #368D6A, #1E5245)
• Lagoon Balcony color palette (#FAF4EF, #C6DEEB, #92B4DF, #379698, #624A5A)

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