Weathered Cobalt color palette — #F5E9E1 · #81B9D0 · #3684DB · #006F5E · #120142

Azure takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F5E9E1): bright and airy, almost weightless.
• Ash (#81B9D0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Azure (#3684DB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006F5E): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#120142): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Softworn Forest Parlor color palette (#ECDBD6, #65C1C5, #0090BA, #007236, #001330)
• Washed Iris color palette (#F4E5D8, #96C6ED, #788CDE, #007D7E, #271240)
• Dusty Petrol color palette (#E2F3E5, #64ADCA, #006DA3, #00494D, #001330)
• Weathered Periwinkle color palette (#F9EBE3, #A1DEF1, #61AAED, #029476, #242855)
• Hushed Navy color palette (#FBE9F3, #3A96B7, #00488C, #002C25, #04001A)
• Chalky Cobalt color palette (#E3E6FF, #E09ADD, #E6817C, #1B83CA, #200928)
• Wandering Harbor color palette (#E9E6F4, #A06FFF, #3C8B50, #5B6900, #0B0020)
• Tempered Nightshade color palette (#FFDFF4, #8C93FF, #728D02, #4221CB, #0C1200)

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