Timeworn Cobalt color palette — #FCF2F6 · #9DCDE7 · #5378B7 · #006058 · #3A3459

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

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Sky (#9DCDE7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#5378B7): A full-bodied, balanced violet — the color of wild irises.
• Pine (#006058): A full-bodied, dusty teal — the color of sea glass.
• Navy (#3A3459): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cerulean Pier color palette (#FAF2FB, #8BD4D2, #0085A4, #26612D, #203C59)
• Muted Hollow color palette (#FFF0F9, #1CCBF1, #0072BA, #005844, #25296A)
• Antique Cobalt color palette (#F0F3E9, #AFD0C3, #4781B1, #00586F, #06213E)
• Cypress Thicket color palette (#FBF2F7, #D8DFF0, #819BBE, #3F7B72, #4C5266)
• Lagoon Dune color palette (#FBF4EE, #C4EADB, #8BB3F1, #009FA6, #34365B)
• Hushed Onyx Workshop color palette (#ECD9E8, #409EAD, #004F74, #00321F, #030C3C)
• Amber Meadow color palette (#FFE7EF, #C97700, #0082B6, #7D4800, #003A54)
• Quiet Coast color palette (#FFD9E5, #AA6900, #1F71AF, #454B96, #3E212C)

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