Tempered Harbor color palette — #FEF3EA · #D5A484 · #AE88BD · #9D623A · #67404B

Built around Ochre, softened by Dusty Rose — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FEF3EA): a clean, paper-quiet neutral.
• Camel (#D5A484): A luminous, dusty gold — the color of honey in a jar.
• Dusty Rose (#AE88BD): A luminous, balanced pink — the color of peonies in June.
• Ochre (#9D623A): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#67404B): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged 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

• Muted Pewter color palette (#FFF2EF, #D79EA7, #8596CB, #A35867, #61415A)
• Wandering Bronze Orchard color palette (#F9F0E9, #D9A788, #73A0D1, #A45D29, #18324F)
• Timeworn Bronze color palette (#FFF2EC, #DC9E95, #8DA16F, #A65950, #564F00)
• Amber Balcony color palette (#FFF1F7, #E9B997, #80B8E3, #C07940, #31506B)
• Olive Corridor color palette (#F9F5E6, #B1B579, #52A7B3, #747827, #36563F)
• Wandering Harbor color palette (#FFF3E5, #E7C8A0, #9A7748, #694B1F, #3A3530)
• Hushed Lagoon color palette (#FDF2F7, #FEC7AD, #DEB2FD, #DD9471, #4B4A65)
• Olive Harbor color palette (#F6F7E7, #87AC73, #3395BF, #447426, #004963)

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