Timeworn Cobalt color palette — #FBF4EA · #ABCDC4 · #5877B4 · #005C74 · #323661

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

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Oat (#ABCDC4): A whisper-light, dusty teal — the color of sea glass.
• Slate (#5877B4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005C74): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#323661): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Soft Cobalt color palette (#FFF4E3, #8AC0DC, #0072BA, #00545D, #0B2D70)
• Aged Workshop color palette (#FAF4EC, #B2CDB5, #00879D, #006150, #004158)
• Cobalt Workshop color palette (#F7F1EA, #A9D1C6, #6A75BD, #005B5F, #351322)
• Iris Veranda color palette (#FCF2F5, #B4D9FC, #7E8CEB, #007B80, #363756)
• Hushed Powder color palette (#EEF8F0, #C8E3FF, #8DB1F6, #3599B8, #33375A)
• Petrol Quarry color palette (#F8F5EF, #CDE3E5, #7D9BC6, #257A8F, #63495C)
• Wandering Denim color palette (#F3EADB, #5D99AD, #005072, #003030, #00142B)
• Hazy Market color palette (#CCEFDA, #32AB8F, #008077, #005355, #0E364E)

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