Timeworn Cobalt color palette — #FAF4EC · #A4D0C3 · #5978AE · #005C72 · #303664

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

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Pistachio (#A4D0C3): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#5978AE): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005C72): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#303664): A deep, shadowed, dusty violet — the color of wild irises.

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

• Aged Cerulean Meadow color palette (#FAF4EB, #B1CEB3, #1D8699, #00624E, #004156)
• Cobalt Delta color palette (#FDF4E5, #7EC2E2, #0073B6, #00555C, #032D71)
• Wandering Cobalt color palette (#F7F1EA, #A2D4C5, #6475C3, #005B5C, #351323)
• Tempered Workshop color palette (#FAF3F5, #B6D9F9, #8090DA, #007B7F, #363756)
• Softworn Pier color palette (#EEF8F0, #C6E4FF, #86B2FE, #4E97AE, #32375B)
• Washed Petrol color palette (#F8F5EF, #CAE5E8, #AB8EAC, #017C92, #614A5B)
• Patina Bloom color palette (#F5ECDE, #4B9CB3, #005070, #00302F, #00152A)
• Pale Delta color palette (#F9ECDF, #BA8035, #357ACA, #794B00, #043568)

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