Timeworn Ultramarine color palette — #FFF2ED · #00A196 · #2C5AB5 · #742B00 · #003D48

A conversation between Cobalt and Rust, giving this palette its sense of optimism and calm.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Fern (#00A196): A luminous, balanced teal — the color of glacier melt.
• Cobalt (#2C5AB5): A full-bodied, balanced violet — the color of a velvet chair.
• Rust (#742B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Teal (#003D48): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Optimism, Calm, Balance. Tagged retro, cool.

Use it as a design system

One click turns Timeworn Ultramarine 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

• Grape Boulevard color palette (#FFF3E3, #009DB5, #6249B2, #5B3F00, #0F3955)
• Patina Emerald color palette (#FFF1F4, #00A66E, #006894, #73263E, #003F3B)
• Misty Nightshade color palette (#F5D8C0, #008889, #2F3DA6, #502700, #002935)
• Muted Moss Corridor color palette (#FFF3E3, #9BAE43, #257C46, #055B69, #3C3B34)
• Pale Aubergine color palette (#CDFDF9, #00A2BD, #006997, #522272, #00202B)
• Worn Mulberry color palette (#E7FDDF, #009182, #942274, #5E3400, #342900)
• Worn Aubergine Boulevard color palette (#F1FAD7, #00BBDF, #0085C5, #763B96, #003B4E)
• Feathered Aubergine Studio color palette (#D8EFB0, #0086C3, #7B0C9D, #2F3F00, #162553)

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