Tempered Harbor color palette — #FBF8CB · #B8CC9F · #56948C · #843815 · #2A2800

Rust and Storm Blue set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FBF8CB): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#B8CC9F): A luminous, dusty green — the color of new leaves after rain.
• Storm Blue (#56948C): A luminous, dusty teal — the color of sea glass.
• Rust (#843815): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#2A2800): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Wandering Cerulean Harbor color palette (#F9F8D3, #89D1CD, #5D90C1, #6F5E2B, #3B2E00)
• Bronze Courtyard color palette (#FBF6D9, #D3D9B8, #66A6B3, #8B6132, #37362F)
• Hushed Chapel color palette (#E0ECDE, #3BA299, #586A98, #633B2B, #442B01)
• Washed Thicket color palette (#EEEED6, #72B596, #3B8098, #5A4000, #112000)
• Petrol Grove color palette (#D3F4DC, #599A86, #07689A, #2D2E00, #000902)
• Denim Basin color palette (#C3E8DB, #4587A0, #4F467E, #032902, #000402)
• Worn Driftwood Parlor color palette (#ECFAEB, #C7E3DA, #D6C1D9, #938B67, #45553E)
• Fern Boulevard color palette (#F2F9E0, #C0E4CF, #95B5A6, #907D4B, #4F580A)

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