Worn Cobalt color palette — #F1F5FF · #A7B1FF · #5F6BB3 · #373C6F · #20294C
Built around Slate, softened by Lavender — the whole palette hums with creativity and calm.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender (#A7B1FF): A luminous, balanced violet — the color of twilight just after sunset.
- Slate (#5F6BB3): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#373C6F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Midnight (#20294C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Calm, Balance. Tagged monochrome, cool.
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
- Powder Loft color palette (#ECF7FF, #75BFFF, #197BB0, #08486C, #02304D)
- Ancient Coast color palette (#F0F5FF, #BECCFF, #838BCD, #4E5D98, #282B56)
- Feathered Mallow color palette (#FDF0FF, #DEA4EF, #8A599A, #59315D, #402344)
- Hazy Wisteria Pier color palette (#FFF1F6, #C299EF, #A05A2F, #6E4E8F, #2E2117)
- Tempered Market color palette (#E6F5E8, #FFB15E, #A1A8FF, #4E373A, #30252C)
- Muted Loft color palette (#FFF0FE, #E8D7D7, #E5BBD6, #5B8A76, #584652)
- Dusty Pier color palette (#FFF1F5, #9864C9, #597D46, #3E5D2D, #3F2D33)
- Mint Lagoon color palette (#FFF0F8, #95BD77, #4D4B78, #3F2434, #251718)
Browse the whole catalog at Explore, or see today's palette.