Weathered Cobalt color palette — #EFF8F0 · #A6CAE4 · #3B7DB3 · #005E67 · #253A5F

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

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Sky (#A6CAE4): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3B7DB3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005E67): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#253A5F): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cobalt Workshop color palette (#FAEEF4, #9FCFE8, #4B7BC6, #005C53, #1F1A3E)
• Petrol Pier color palette (#E7F2E9, #8BBAC9, #007588, #005142, #003345)
• Muted Cypress color palette (#F1F7F2, #C1E3EC, #4B97A2, #007457, #164F61)
• Periwinkle Coast color palette (#FDF3EB, #ACDCF5, #5F95E8, #007D71, #4D3041)
• Washed Garden color palette (#D9E4DB, #529DA4, #005264, #003129, #001623)
• Cerulean Canyon color palette (#FEE7F1, #BA7D53, #0084AE, #844200, #003B50)
• Sky Drift color palette (#FBF4E9, #BBE8FF, #70B8F7, #389BA7, #4A3049)
• Sunlit Ultramarine Quarry color palette (#D6E3D9, #81A3C0, #0052B0, #003C49, #101255)

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