Worn Cobalt color palette — #EDF1FF · #C3C1F1 · #7C82B6 · #4A4676 · #1A1638
A conversation between Slate Blue and Navy, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#EDF1FF): a clean, paper-quiet neutral.
- Lavender (#C3C1F1): A whisper-light, dusty violet — the color of a velvet chair.
- Slate Blue (#7C82B6): A luminous, dusty violet — the color of a velvet chair.
- Navy (#4A4676): A full-bodied, dusty violet — the color of twilight just after sunset.
- Deep Indigo (#1A1638): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Sophistication. Tagged monochrome, 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
- Patina Cerulean Chapel color palette (#E7F4FF, #9ECFEE, #4C8FAE, #154F6B, #032238)
- Softworn Navy Meadow color palette (#F1F5FF, #BECBF2, #787CB7, #49468B, #363357)
- Tempered Powder Coast color palette (#FFF0F9, #DED2D8, #A8AFE8, #666998, #3B1C31)
- Patina Pewter Ridge color palette (#F0F1F9, #CBB8EE, #91824C, #7C63A3, #0A1A10)
- Tempered Pewter color palette (#F0F1F9, #9DCECB, #625B82, #2B2F46, #11131D)
- Pewter Boulevard color palette (#FDEDF4, #A7C4AC, #997887, #684E67, #1E3129)
- Softworn Lantern color palette (#EAF3FF, #DDD5E2, #C5AD9F, #678A9F, #3A3F52)
- Airy Garnet color palette (#F7EEFF, #E6A1C0, #A4607F, #68274A, #2F031B)
Browse the whole catalog at Explore, or see today's palette.