Weathered Cobalt color palette — #FBEFE9 · #B0D1BC · #4881AE · #005E45 · #161D40

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

The five colors

• Cream (#FBEFE9): bright and airy, almost weightless.
• Pistachio (#B0D1BC): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4881AE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005E45): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#161D40): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Hushed Petrol color palette (#FFEEE7, #5BCFD5, #007DA3, #005529, #00183D)
• Aged Cobalt color palette (#FBF4EA, #B3CCBC, #0583AF, #00605D, #0E3D61)
• Antique Petrol color palette (#EFE8E0, #8FBFB0, #5465AD, #004B4C, #1C0A32)
• Softworn Cypress color palette (#F8F0E9, #BEE7D8, #7A8DB7, #006D69, #3E2130)
• Dusty Orchard color palette (#DFEEE5, #00A9A0, #007184, #004261, #05214C)
• Airy Studio color palette (#DAF0DE, #00A4B0, #B86200, #006168, #2E1400)
• Softworn Navy Workshop color palette (#F6EBE4, #488293, #003D6B, #002018, #01000B)
• Washed Bronze Meadow color palette (#D9F8E7, #0089AB, #A25825, #705000, #00190E)

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