Worn Cobalt color palette — #F6ECE6 · #90D0E3 · #008FD3 · #006D62 · #1A2D50

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6ECE6): bright and airy, almost weightless.
• Sky (#90D0E3): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008FD3): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006D62): A full-bodied, balanced teal — the color of sea glass.
• Navy (#1A2D50): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Azure Archive color palette (#FDF3EC, #B3E0CC, #4F99E6, #007C7A, #30385C)
• Forest Coast color palette (#FAEBE3, #AFCEAD, #0096AE, #007040, #003249)
• Worn Azure Workshop color palette (#EDF9EF, #CFE0FF, #2F9DD1, #006A69, #001F3B)
• Sapphire Coast color palette (#EDE4DB, #88B8DA, #366FD8, #00585F, #1C1743)
• Ancient Petrol Parlor color palette (#E0F3F1, #5FC0DD, #007295, #004F56, #00324A)
• Washed Petrol Boulevard color palette (#ECE2DC, #55B2BA, #00718F, #004C37, #001528)
• Lagoon Grove color palette (#FCF3EE, #D1EECF, #52B4C9, #3F8C61, #2B5043)
• Ultramarine Alley color palette (#EBE1D8, #679AB7, #0054AF, #003B3D, #06002B)

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