Weathered Cobalt color palette — #F9F0EA · #AED1BB · #4A81AE · #005E46 · #161D3F

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

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Pistachio (#AED1BB): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4A81AE): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005E46): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#161D3F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Chalky Cornflower color palette (#FAF0E7, #A1D8F7, #4E80D8, #00635A, #25194E)
• Tempered Cerulean color palette (#F9F4ED, #A9D0B8, #3581A5, #00605E, #1C3D5A)
• Aged Sapphire Field color palette (#F2E7DB, #8BC0B0, #5162BA, #004B4C, #1D0833)
• Teal Field color palette (#D1E9DB, #00A79E, #00758A, #004B6F, #0D2146)
• Softworn Thicket color palette (#FCF2F9, #BBDAE9, #539BD8, #007F62, #30375F)
• Feathered Bronze color palette (#D3F0E0, #0089AC, #A4561D, #6F5100, #00190E)
• Navy Villa color palette (#EFE2DA, #37839A, #003D6D, #002018, #01000B)
• Cypress Cabin color palette (#DFFAE7, #CDE1FF, #CDA5D3, #337A61, #002C24)

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