Tempered Harbor color palette — #FAE0F0 · #A87855 · #7A5925 · #234D00 · #00210E

Deep Olive takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FAE0F0): A whisper-light, dusty pink — the color of a candy shop window.
• Mocha (#A87855): A luminous, dusty gold — the color of old brass.
• Coffee (#7A5925): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#234D00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#00210E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, retro, 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

• Washed Dune color palette (#F6E2CD, #A0833C, #67632B, #004934, #002725)
• Ancient Loft color palette (#F5E9FA, #B56D6C, #954A37, #453C00, #191F00)
• Timeworn Garnet color palette (#D8EDDE, #8D8545, #545700, #671124, #121000)
• Fern Quarry color palette (#D8E3D8, #5B826A, #575A27, #003D33, #001212)
• Timeworn Bronze color palette (#E7D7F5, #C07997, #A66645, #005D6A, #002229)
• Patina Fern Ridge color palette (#FCD4CB, #D5A68B, #B27D3C, #446C1B, #054B26)
• Hushed Cocoa color palette (#F4E4FE, #9A6379, #753205, #00373F, #002329)
• Sunlit Dune color palette (#FFE8F9, #C14C3C, #527300, #850800, #0A1300)

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