Tempered Harbor color palette — #FFF2EB · #FEC7AB · #E5A87C · #C08147 · #524C47

Built around Caramel, softened by Sand — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#FEC7AB): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sand (#E5A87C): A luminous, balanced gold — the color of old brass.
• Caramel (#C08147): A luminous, balanced gold — the color of honey in a jar.
• Charcoal Brown (#524C47): quiet, heavy and certain.

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

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

• Dusty Apricot color palette (#FEF0FF, #FFD8CC, #F19E5E, #9D7441, #31503E)
• Softworn Apricot color palette (#FFEBF8, #F4A782, #BD7B4D, #754F2C, #482E37)
• Apricot Quarry color palette (#FCF3EC, #F3CCAD, #E5B2EC, #DC975A, #5E4162)
• Softworn Delta color palette (#FFEDEB, #FBBECD, #F0A0AF, #C9787D, #544C49)
• Tempered Moss color palette (#FFF4E1, #E4D7A5, #C7BE75, #979A45, #4E4D46)
• Aged Summit color palette (#FFF3E5, #E7C08E, #9CCE8E, #E296A4, #46413C)
• Quiet Veranda color palette (#F5E8DD, #FEAE38, #D59200, #A27800, #4A3900)
• Washed Cocoa Veranda color palette (#FFF3E4, #DBDEC8, #BCC9D6, #DDAF88, #664600)

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