Tempered Harbor color palette — #F8F0EC · #D9D7CF · #BCBEAF · #98665D · #342A25

Built around Walnut, softened by Stone — the whole palette hums with sophistication.

The five colors

• Cream (#F8F0EC): a clean, paper-quiet neutral.
• Silver (#D9D7CF): bright and airy, almost weightless.
• Stone (#BCBEAF): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#98665D): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#342A25): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Bronze Market color palette (#FAF4F0, #DCD9D2, #C3BFB0, #9D6350, #4F4640)
• Weathered Fern Coast color palette (#F4F2EA, #D0D9CF, #B1BBA6, #696827, #242013)
• Softworn Basalt Hollow color palette (#FCDED8, #C9B1A0, #93856A, #71566D, #4C2B34)
• Patina Pewter Bloom color palette (#FAF0E2, #B4B888, #617F57, #6E4A4B, #2D2710)
• Muted Garnet Coast color palette (#F3E8E1, #A99E90, #937831, #5E1F00, #0B0200)
• Ancient Bronze color palette (#FCE8D7, #A5631C, #34312A, #201306, #0A0503)
• Softworn Fern Courtyard color palette (#F1EFE5, #B2B6A3, #85927E, #3E4A00, #0D0B02)
• Soft Coral Workshop color palette (#FCF0DD, #D78178, #84661F, #224678, #351B07)

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