Weathered Cobalt color palette — #F9EBE4 · #A8CFB7 · #418CC9 · #006E55 · #232954

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

The five colors

• Cream (#F9EBE4): bright and airy, almost weightless.
• Pistachio (#A8CFB7): A luminous, dusty teal — the color of sea glass.
• Cerulean (#418CC9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006E55): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#232954): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Muted Azure color palette (#FFF2EC, #7CDBEF, #0095DE, #007654, #19257A)
• Washed Azure color palette (#FFF0FA, #B8F0FF, #4C99D4, #006D52, #141A40)
• Aged Sapphire Meadow color palette (#F4ECE5, #8AB8D6, #4B6ECD, #005956, #250E49)
• Petrol Grove color palette (#E6F2E8, #71BED2, #007299, #00504D, #0E304B)
• Timeworn Ridge color palette (#FEF3E8, #BAE0FF, #7992FD, #008283, #492F6F)
• Patina Sky Workshop color palette (#F6EDDF, #83E3FC, #03B3EE, #00918D, #06304F)
• Hushed Indigo Parlor color palette (#EADDC1, #AE982B, #7C75E2, #746300, #251960)
• Petrol Loft color palette (#EFDED9, #67AFB5, #007095, #004D28, #001134)

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