Weathered Cobalt color palette — #D7F7DF · #83C5E5 · #4387CD · #475F8E · #422938

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D7F7DF): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#83C5E5): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#4387CD): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#475F8E): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#422938): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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 Veranda color palette (#D2FEEB, #7CC2F5, #4988BC, #416086, #5A4658)
• Amber Meadow color palette (#E5F7F1, #89B8E5, #B59A3B, #3676AD, #34312A)
• Dusty Veranda color palette (#FFEBF9, #B3CBFD, #7687C9, #3B4D7A, #2D1227)
• Lagoon Meadow color palette (#E8F3D3, #72CEC2, #00969D, #1E6B82, #1C3A2F)
• Timeworn Iris color palette (#FFEAFE, #A7B0ED, #9476CA, #6E4F7F, #482C2F)
• Tempered Amber color palette (#E3F7F0, #6EA2CB, #C3793E, #6F8050, #142D26)
• Feathered Grape color palette (#D5E7FF, #798BE5, #6E40CC, #512573, #2F0F2D)
• Sapphire Harbor color palette (#C9E7FB, #53A5FF, #3157FF, #4E28A6, #2C1144)

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