Tempered Harbor color palette — #FFF2EA · #E9CAAF · #D39F87 · #B5746C · #553600

Caramel and Cocoa set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#E9CAAF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#D39F87): A luminous, dusty orange — the color of toasted spice.
• Caramel (#B5746C): A luminous, balanced orange — the color of toasted spice.
• Cocoa (#553600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Worn Driftwood Basin color palette (#FBF5E7, #DBD1A9, #BAAD73, #A68143, #443F00)
• Hushed Pewter Harbor color palette (#FFF2EA, #D1BA9E, #B88067, #94535D, #403D36)
• Hushed Brick color palette (#F3DDD0, #D5A686, #C2795E, #AD4444, #351E00)
• Muted Station color palette (#FFEBF6, #CBA281, #976853, #5C4258, #1A261A)
• Airy Cocoa color palette (#F2DCC9, #BA833B, #A55500, #872600, #110A00)
• Moss Boulevard color palette (#E7FAF5, #83BCF8, #D5857B, #8E8800, #1B2E17)
• Ancient Basin color palette (#FAEAD0, #898340, #765C00, #593700, #030400)
• Patina Cerulean color palette (#EAF9F2, #E8D3A6, #5C9FBD, #346B83, #0F271D)

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