Timeworn Cobalt color palette — #FAF4EE · #A3D0C0 · #5478B4 · #005F65 · #35365B

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Pistachio (#A3D0C0): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#5478B4): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005F65): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#35365B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Patina Cobalt color palette (#FFF2EA, #80C3DB, #0073B6, #005651, #1B2D67)
• Forest Corridor color palette (#FDF3ED, #B5CCB3, #00879C, #0B6339, #0D3F58)
• Cypress Field color palette (#FBF4EE, #CCE5E6, #AB8EAB, #3B7A7D, #614B59)
• Washed Periwinkle Lantern color palette (#FBF3F5, #C5E5FF, #84B2FF, #009EA8, #2E3959)
• Muted Cerulean color palette (#F6E9E3, #3D9EB0, #005071, #003128, #001330)
• Ancient Coast color palette (#FFF2EF, #F6CFB8, #CDAC6A, #8C5989, #463E3B)
• Weathered Plum color palette (#FFDBD2, #BA5367, #007E73, #145E78, #441F17)
• Timeworn Navy Harbor color palette (#F6E9DB, #5C85A8, #152D91, #002226, #0B0027)

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