Tempered Cocoa Harbor color palette — #FDEFE8 · #C7B083 · #78453A · #401A13 · #160904

Coffee takes the lead with Camel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FDEFE8): a clean, paper-quiet neutral.
• Camel (#C7B083): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#78453A): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#401A13): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#160904): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Chestnut Terrace color palette (#FAF0E7, #D6C09E, #85561B, #35302B, #1A120B)
• Muted Alley color palette (#FAF2F9, #A9B585, #783D3D, #492020, #281E27)
• Timeworn Harbor color palette (#FAF1E0, #CBA141, #5F4900, #2A1F00, #0D0600)
• Dusty Cocoa color palette (#FDF1F9, #D6C297, #976256, #673024, #2C1B28)
• Aged Thicket color palette (#F9F0E9, #DAA68C, #5E813D, #944F2B, #100F00)
• Washed Olive color palette (#FFF0D8, #BB955F, #697129, #1C4A6D, #2D2007)
• Celadon Garden color palette (#FFF2ED, #E0EDB0, #9F6364, #532B2C, #1A0B06)
• Wandering Lantern color palette (#FFE3CC, #CAAC75, #8B7A21, #434F00, #122A00)

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