Tempered Harbor color palette — #FDF4E9 · #C79E6B · #AA814F · #337378 · #412F2D

Camel and Caramel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF4E9): a clean, paper-quiet neutral.
• Camel (#C79E6B): A luminous, balanced gold — the color of afternoon light on wheat.
• Caramel (#AA814F): A luminous, balanced gold — the color of old brass.
• Teal (#337378): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#412F2D): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Taupe Workshop color palette (#FBF4EC, #C8A25F, #609574, #467558, #412D33)
• Softworn Market color palette (#FBF5E5, #E6AABE, #AB8C66, #487A6C, #703418)
• Antique Pine color palette (#F9F3FB, #BC7885, #3E7749, #00596D, #2E2F40)
• Hushed Moss Quarry color palette (#F7F7E4, #81A858, #008D8F, #00657A, #3A1F17)
• Washed Chestnut Field color palette (#FCEFE6, #CA8A6A, #705300, #572A00, #27201E)
• Ancient Moss Lagoon color palette (#F9F2FC, #F1AAC1, #789B4F, #4C6793, #2D2530)
• Muted Apricot color palette (#FFF2EC, #E69B8C, #5698A5, #397283, #1B4C42)
• Amber Study color palette (#FFF3E8, #CF7100, #737500, #005587, #381604)

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