Weathered Cobalt color palette — #DFF3F2 · #97CDEA · #388EC6 · #00697F · #002F55

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#DFF3F2): A whisper-light, dusty teal — the color of sea glass.
• Sky (#97CDEA): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#388EC6): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00697F): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#002F55): A deep, shadowed, balanced blue — the color of open sky before noon.

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

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

• Wandering Azure Meadow color palette (#EAF9F8, #B7D9F9, #6698D5, #17759B, #253A60)
• Hushed Corridor color palette (#E6F1EF, #93D2CE, #00999F, #006E5D, #00353B)
• Linen Azure color palette (#F4F7EB, #B2EDEF, #009AE8, #00677D, #011F3C)
• Timeworn Garden color palette (#F6EBF0, #95B6CE, #2A68B3, #004F51, #242858)
• Dusty Turquoise color palette (#EAF9F6, #9CEBF0, #07AFC3, #00837B, #004857)
• Petrol Station color palette (#D5E7E4, #58AFC7, #007190, #00494F, #001623)
• Wandering Quarry color palette (#EEF7F7, #D8DBEA, #92B5D8, #638CA5, #455466)
• Hushed Rose color palette (#FCE5E8, #D8506F, #A36E00, #7B50AA, #390D18)

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