Timeworn Cocoa Study color palette — #CCF7FF · #FFD1C4 · #C0B4B2 · #5E2800 · #231A14

Espresso takes the lead with Shell Pink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Frost (#CCF7FF): A whisper-light, dusty blue — the color of deep harbor water.
• Shell Pink (#FFD1C4): A whisper-light, dusty orange — the color of toasted spice.
• Stone (#C0B4B2): soft and architectural.
• Espresso (#5E2800): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#231A14): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Cocoa Garden color palette (#C9F8FF, #FFD3AD, #CFD7CB, #5A3300, #1A120B)
• Dusty Cocoa color palette (#FFE9DB, #D7D5E2, #BDADA1, #6C3B00, #251D17)
• Dusty Station color palette (#D7FEFF, #CFFFB3, #FFCDDE, #4F312F, #211311)
• Aged Glacier color palette (#F2DDF1, #00E6F7, #FF9E7C, #411000, #0E0300)
• Apricot Alley color palette (#FFF3E8, #EB9E5F, #7A9FD7, #5373A3, #32200F)
• Antique Sunflower Atelier color palette (#FFE7F2, #CBDB60, #FFB47F, #694B59, #33282D)
• Aged Veranda color palette (#FFE1E6, #D5D3FF, #E0C900, #302301, #090500)
• Coral Lantern color palette (#EAEBFF, #75E9FF, #EC796D, #492F35, #282227)

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