Timeworn Cobalt color palette — #F9F3F7 · #93D1DD · #0083B1 · #006250 · #213C5C

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Sky (#93D1DD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0083B1): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006250): A full-bodied, balanced teal — the color of sea glass.
• Navy (#213C5C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Timeworn 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

• Dusty Cerulean color palette (#F1F3E8, #8CD5E5, #0089A9, #005B5E, #00281B)
• Worn Turquoise Delta color palette (#ECF8F6, #9FE1EF, #4CA2BC, #007B7F, #1D3F53)
• Faded Sapphire color palette (#F5EBEF, #93B6D3, #2160CE, #004F54, #292753)
• Blush Parlor color palette (#F0F5FF, #EAD1FF, #E093A9, #306F93, #3E4156)
• Cerulean Courtyard color palette (#F1E5EC, #328DA4, #004162, #00231E, #000624)
• Hazy Lagoon color palette (#D8E5FF, #626DD4, #856900, #556200, #1F2A45)
• Tempered Denim color palette (#F6E8F0, #6BA9BE, #005C91, #003E39, #0B1B47)
• Sapphire Lagoon color palette (#C9E9FC, #47A5F1, #3F5FD6, #4F3A96, #473357)

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