Worn Cobalt color palette — #EFF6FA · #7ECFDD · #7873B9 · #007B8A · #2A2D37

Built around Slate, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF6FA): a clean, paper-quiet neutral.
• Sky (#7ECFDD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#7873B9): A full-bodied, balanced violet — the color of wild irises.
• Teal (#007B8A): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#2A2D37): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, muted.

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

• Wandering Cobalt color palette (#EDF7F9, #8BD0C0, #2784C1, #007F6D, #272F36)
• Hushed Garden color palette (#F1F6FB, #A5C2ED, #9568AD, #466DA8, #2D2C37)
• Weathered Seafoam Atelier color palette (#E9F4F7, #67DACD, #A26E9C, #348078, #171320)
• Seafoam Pier color palette (#F1F7F0, #78E7DC, #B388C6, #549B93, #372A2D)
• Weathered Cobalt color palette (#ECF9EE, #79AFD2, #6970B4, #764E3A, #3C4958)
• Pale Studio color palette (#EBF7FF, #91C9F1, #6786C9, #535694, #514174)
• Plum Balcony color palette (#F2F5FC, #9DA9EE, #AB4476, #4E56A5, #29202E)
• Cerulean Lantern color palette (#F0F6FA, #D8D9E1, #B6A8AD, #5689A3, #4D5358)

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