Timeworn Cobalt color palette — #F8F0E9 · #A7D2C4 · #607CAF · #005A61 · #1D1A41

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F8F0E9): a clean, paper-quiet neutral.
• Pistachio (#A7D2C4): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#607CAF): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005A61): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#1D1A41): 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

• Muted Cerulean color palette (#FFEEE5, #9EDDDF, #0091B2, #006545, #002741)
• Worn Cobalt color palette (#F4F6EF, #ABCEC2, #3B7BBC, #005B79, #243B5D)
• Wandering Cobalt Cabin color palette (#FDEFE5, #85C6E0, #0076C0, #00524E, #070656)
• Wandering Cerulean Lagoon color palette (#E9DBD4, #3C97AC, #004F73, #002C25, #000312)
• Periwinkle Market color palette (#ECF8F7, #DADCE8, #71AAE8, #0B799F, #1A2E4E)
• Weathered Grove color palette (#D8FBF0, #DEE0FF, #CDA2D1, #1B7481, #31172B)
• Feathered Bloom color palette (#CBF6F6, #00A4C6, #0072AE, #0E3980, #191942)
• Azure Balcony color palette (#D1F2E6, #3699D9, #A4700C, #005A8A, #291800)

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