Tempered Coast color palette — #F0F3D8 · #5F9E64 · #007381 · #472100 · #011100

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

The five colors

• Cream (#F0F3D8): A whisper-light, dusty green — the color of a quiet forest floor.
• Moss (#5F9E64): A luminous, balanced green — the color of fresh herbs.
• Teal (#007381): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#472100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#011100): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged pastel, light, muted.

Use it as a design system

One click turns Tempered Coast 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

• Cypress Thicket color palette (#EAE8D7, #6E9D6C, #007866, #403500, #000200)
• Wandering Garnet color palette (#F6E5C4, #95A56E, #007C69, #65100A, #0E0F00)
• Antique Cobalt color palette (#E3F6DA, #39A99E, #2974C3, #433300, #000F0B)
• Lagoon Field color palette (#E2F3ED, #75B47B, #009686, #595000, #040D00)
• Eclipse Navy color palette (#D9ECEB, #006E33, #040F7B, #00250D, #000109)
• Gentle Turquoise Grove color palette (#E7E6C6, #6CC496, #00ACBE, #965C00, #031500)
• Wandering Indigo Orchard color palette (#C3E7EB, #4CACD0, #6D6BC2, #264B00, #001C1B)
• Pale Harbor color palette (#F7DEDF, #A803E8, #686800, #080F07, #000201)

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