Timeworn Cobalt color palette — #FCF3EF · #AACFB9 · #477DAC · #00624C · #303760

A conversation between Slate and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Pistachio (#AACFB9): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#477DAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00624C): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#303760): 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

• Patina Navy color palette (#FFF2ED, #7CC6CC, #0078A1, #005930, #002D72)
• Cobalt Parlor color palette (#ECF4EE, #ABCDDF, #0087B6, #005B59, #072239)
• Worn Sapphire color palette (#F5EDE6, #92BBAF, #515FB3, #004F51, #372052)
• Ancient Summit color palette (#FAF4EE, #C4E5D9, #7388C1, #00716F, #5E3C4C)
• Faded Teal color palette (#DAEFE2, #1AB6B4, #00798E, #004E6B, #332A5F)
• Timeworn Azure color palette (#FBF4EA, #B8DFC7, #21A2D6, #007C79, #0D4439)
• Spruce Thicket color palette (#F1E4E1, #4A9F9B, #005265, #033305, #001529)
• Hushed Cypress Bloom color palette (#E8FBEE, #ECCBE7, #C8A4D0, #00836F, #1F4339)

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