Tempered Harbor color palette — #F3F6F0 · #D3DDDA · #A6B8C0 · #91A27E · #51544D

Moss and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#D3DDDA): a clean, paper-quiet neutral.
• Ash (#A6B8C0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Moss (#91A27E): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#51544D): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. 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

• Tempered Grove color palette (#E8EDE6, #99AA9D, #689082, #005146, #040C02)
• Tempered Cerulean Station color palette (#F0F7F4, #DED4D2, #C2C4B0, #5598BC, #3F4B46)
• Weathered Chapel color palette (#EEFAE2, #C0E0C8, #B5A1B5, #A97440, #714101)
• Wandering Olive Pier color palette (#F9F4EF, #E1CFA9, #93A370, #6B884A, #624900)
• Iris Archive color palette (#F3F7EB, #7CC39E, #937FC0, #8B5D30, #47413C)
• Worn Denim color palette (#E0EBE8, #BFAFBA, #9D8CB6, #00578A, #001913)
• Hushed Teal color palette (#E9F6EA, #00B1B6, #455E55, #2F3C30, #20231D)
• Softworn Lilac Basin color palette (#F0F8EE, #AAECF3, #98C9FF, #A9A0E4, #364D3F)

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