Weathered Cobalt color palette — #F1F3EB · #ACD1C1 · #2384BB · #00596A · #00223D
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1F3EB): bright and airy, almost weightless.
- Pistachio (#ACD1C1): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#2384BB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00596A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#00223D): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Ancient Dune color palette (#F1F4E1, #6ECBE0, #007E9D, #005155, #001D2B)
- Cobalt Bloom color palette (#F0F4E9, #ABD4FD, #4283D9, #005C81, #091E58)
- Frosted Workshop color palette (#D9F3EB, #3081C1, #8E4BB2, #006A5D, #001528)
- Tempered Cerulean Coast color palette (#E6E7DC, #3E99A2, #005360, #002C2A, #000508)
- Antique Meadow color palette (#EDF8F7, #BBD9EE, #199FE6, #007891, #223D57)
- Petrol Summit color palette (#DBFAF1, #BED7FE, #A4A8E4, #106E9A, #371F39)
- Olive Courtyard color palette (#DDEEE6, #379DC8, #598C38, #005D7D, #0D2200)
- Petrol Drift color palette (#F1F3EC, #C7E0DF, #79A895, #287785, #1E3D34)
Browse the whole catalog at Explore, or see today's palette.