Tempered Harbor color palette — #F7F5EF · #D8DBD4 · #C0B683 · #A6B4BD · #565249

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

The five colors

• Ivory (#F7F5EF): bright and airy, almost weightless.
• Silver (#D8DBD4): a clean, paper-quiet neutral.
• Sand (#C0B683): A luminous, dusty green — the color of fresh herbs.
• Ash (#A6B4BD): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#565249): 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

• Dusty Bloom color palette (#F3F6F0, #D2DEDA, #A5B5B9, #6CBF9C, #3A500C)
• Dusty Grove color palette (#ECF4EF, #CCDBDC, #A5AFB9, #668D77, #313834)
• Tempered Olive color palette (#F3F3E6, #A9C08B, #75833F, #5D5600, #24221A)
• Ancient Iris Boulevard color palette (#FCF4E8, #D6D49E, #8EBC90, #7C87C3, #524800)
• Fern Thicket color palette (#ECE9DF, #99A495, #77917B, #676800, #0D0900)
• Hushed Seafoam Courtyard color palette (#F7F6EA, #B0FBC5, #DDE3C6, #72DBAF, #4D4D46)
• Timeworn Stone Lagoon color palette (#F8F4EF, #D9DBD4, #CCB183, #A3B4BB, #57524B)
• Ancient Stone color palette (#F6F5EF, #D7DBD6, #B1BC7F, #A7B4B2, #54534A)

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