Worn Cobalt color palette — #FCF2F6 · #9FD7F6 · #387FD8 · #006668 · #363B68

A conversation between Azure and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Powder Blue (#9FD7F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#387FD8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006668): A full-bodied, dusty teal — the color of sea glass.
• Navy (#363B68): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Worn 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

• Muted Grove color palette (#FAF2F7, #BBE3F8, #4E92BE, #157165, #39495F)
• Cobalt Archive color palette (#F0F4E3, #9BD9FD, #138AD0, #005F75, #022647)
• Antique Sapphire color palette (#FFF1F6, #6AC1FA, #0660ED, #00555B, #2D2A5F)
• Airy Cerulean color palette (#FDF4E5, #C7EAFF, #7BBCFB, #00A3B5, #293E6B)
• Tempered Denim color palette (#F2E5EB, #5D98B2, #004B84, #00302F, #08093E)
• Ancient Lagoon color palette (#E7DAE3, #3F8E94, #004356, #002317, #000A17)
• Amethyst Corridor color palette (#D9FFF3, #8EB332, #684BED, #4E6600, #36316B)
• Linen Aqua color palette (#D9FFF1, #A1F2E0, #00D0CF, #956B00, #324F2E)

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