Weathered Cobalt color palette — #FAEFEB · #94DEE8 · #008DC5 · #006640 · #0E214F

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAEFEB): bright and airy, almost weightless.
• Ice Blue (#94DEE8): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008DC5): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006640): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#0E214F): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Weathered 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 Lagoon color palette (#FFEEE5, #64CCE2, #0078B6, #00543C, #0B1244)
• Cerulean Bloom color palette (#FCF4E7, #89DEEA, #008DAE, #00685C, #004565)
• Misty Cornflower color palette (#F8F0E9, #99D9FF, #4278F9, #00635D, #28194C)
• Antique Cerulean color palette (#F8F0EE, #CCE4C7, #009EBA, #45693E, #01352A)
• Aged Azure Grove color palette (#FEF0FB, #78F0FE, #23A8E3, #008755, #273E6E)
• Ash Field color palette (#F7F0EC, #C3E9E7, #79A0C9, #417769, #432F3C)
• Sunlit Teal color palette (#D5F1DF, #00B09C, #00777C, #004966, #002545)
• Wandering Sky color palette (#EDF9EF, #D1D8ED, #00C1ED, #00897B, #003A55)

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