Worn Cobalt color palette — #F3EAE4 · #83AB93 · #007DB4 · #005E52 · #000720

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F3EAE4): a clean, paper-quiet neutral.
• Sage (#83AB93): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#007DB4): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005E52): A full-bodied, dusty teal — the color of sea glass.
• Ink (#000720): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, 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

• Soft Sapphire color palette (#F1E5DA, #7FA5C6, #496BD4, #005C67, #0B0027)
• Denim Grove color palette (#DFEBE9, #639CAC, #00617D, #003B3F, #000B13)
• Antique Azure color palette (#EBE1DD, #A9CAAE, #00A1C9, #00815D, #00213A)
• Hushed Cerulean Archive color palette (#F4E0ED, #0B869F, #004060, #00201B, #000107)
• Soft Dune color palette (#FFE8DA, #C7581B, #007F91, #8B3600, #00070A)
• Chalky Denim color palette (#EBDDD0, #9F5D00, #007673, #005A9E, #040100)
• Fern Ridge color palette (#F6EFD7, #6C8D46, #666300, #533A00, #000501)
• Periwinkle Hollow color palette (#F6EDE4, #ADDAF9, #6EA3FF, #008F98, #28235D)

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