Timeworn Cerulean color palette — #FFF2EF · #8BB67C · #00869B · #7C4852 · #464942

A conversation between Cerulean and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Sage (#8BB67C): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#00869B): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#7C4852): A full-bodied, dusty red — the color of late-summer berries.
• Charcoal (#464942): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Teal Basin color palette (#E5F7E9, #74BE98, #36868B, #664562, #1C3032)
• Cobalt Coast color palette (#FFF3E8, #5CBBAD, #5577AE, #764F33, #3B4D41)
• Lagoon Villa color palette (#FFF2EC, #BFA462, #398868, #6C4B73, #494841)
• Patina Corridor color palette (#FFF4E2, #78D4A7, #5D9FA3, #896368, #424B3C)
• Worn Azure Studio color palette (#FAF3F0, #C6EDE7, #67A0C8, #487B64, #5F4B5B)
• Muted Field color palette (#F7F5EC, #BCC6A3, #41908A, #756618, #46540A)
• Patina Bronze color palette (#FBF6DA, #B4C3AA, #7F9D92, #9A6234, #784311)
• Soft Emerald color palette (#FFF2EC, #00A760, #00698E, #801800, #003F39)

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