Timeworn Cocoa color palette — #EEF8F3 · #4C90A9 · #4F6A9E · #7C351A · #283929

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

The five colors

• Ivory (#EEF8F3): bright and airy, almost weightless.
• Cerulean (#4C90A9): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4F6A9E): A full-bodied, balanced violet — the color of wild irises.
• Rust (#7C351A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#283929): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Weathered Iris Orchard color palette (#FAF2F9, #758BC3, #795E94, #5F4B00, #263B36)
• Hushed Chestnut color palette (#FFF3E6, #7FB5A4, #557BA1, #765024, #3A4D3D)
• Hushed Lantern color palette (#E7F6EE, #4686A1, #483643, #182E24, #101816)
• Tempered Cabin color palette (#F1F7F0, #2D8E8F, #1B777C, #6E3C68, #33342D)
• Lagoon Boulevard color palette (#E6F5F8, #1BA199, #8C5A91, #724129, #12211D)
• Timeworn Summit color palette (#FFF0FB, #5D6EAD, #873369, #3C4600, #352331)
• Aubergine Delta color palette (#E8FAF3, #0073A0, #761D76, #3C3B00, #03251B)
• Worn Loft color palette (#F2F7F2, #D4DCDC, #BBAFA3, #3F9191, #4E544E)

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