Worn Cobalt color palette — #FBF2F6 · #C7E0F4 · #6F89C1 · #20706B · #414661

Slate Blue and Teal set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Powder Blue (#C7E0F4): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#6F89C1): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#20706B): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#414661): A full-bodied, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Petrol Lagoon color palette (#F6F1E9, #C6E4D9, #6C90BC, #006A7B, #3B2237)
• Aged Cerulean color palette (#F0F8F1, #D6DBF1, #83A8D4, #00899F, #384864)
• Chalky Lilac Chapel color palette (#F4F4FF, #9D73BF, #668746, #1E7351, #35344F)
• Cerulean Parlor color palette (#FAF2F9, #9FCEDB, #0985A4, #2D6033, #1A3C5E)
• Spruce Field color palette (#F5EBF5, #589D97, #005362, #093200, #001527)
• Tempered Navy color palette (#EFDDE7, #458BA2, #003D70, #00231B, #07002B)
• Weathered Petrol color palette (#FCE9EF, #93B5D5, #5363A4, #004F50, #35224F)
• Washed Villa color palette (#FBF4ED, #C4E8EA, #9DBDFF, #54A9A2, #5A3E4C)

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