Tempered Harbor color palette — #F3F5D4 · #C7B400 · #4AB748 · #007E6A · #001406

Clover takes the lead with Gold close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F3F5D4): A whisper-light, dusty green — the color of a quiet forest floor.
• Gold (#C7B400): A luminous, balanced green — the color of fresh herbs.
• Clover (#4AB748): A luminous, vivid green — the color of fresh herbs.
• Teal (#007E6A): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#001406): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged candy, vibrant, 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

• Linen Lime color palette (#E7EFD3, #92BE00, #00B074, #008285, #00150F)
• Softworn Marigold color palette (#FAF1D6, #EBA500, #A4A200, #007F38, #0C0F00)
• Pale Quarry color palette (#D8F9F1, #D7B000, #27A617, #007075, #003215)
• Lime Thicket color palette (#D8FBF4, #B5D24C, #70C54B, #00A578, #002E0E)
• Washed Moss color palette (#EAE4D6, #849832, #386128, #413908, #161200)
• Gentle Mint color palette (#E0F3DD, #00DA88, #00ABA5, #007599, #001214)
• Wandering Emerald Lantern color palette (#D6EAD1, #00AA33, #008476, #004F68, #000202)
• Softworn Emerald Coast color palette (#E2F2E4, #009F68, #006953, #00413A, #001C1F)

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