Tempered Coast color palette — #F9F5EB · #D3C48E · #3AC8C6 · #A08B39 · #3C543C

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

The five colors

• Ivory (#F9F5EB): bright and airy, almost weightless.
• Pistachio (#D3C48E): A luminous, dusty green — the color of new leaves after rain.
• Aqua (#3AC8C6): A luminous, balanced teal — the color of glacier melt.
• Moss (#A08B39): A luminous, balanced green — the color of fresh herbs.
• Deep Olive (#3C543C): A full-bodied, dusty green — the color of new leaves after rain.

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

• Wandering Teal color palette (#FCF5E1, #BAB56E, #51BB9B, #C47D67, #45423B)
• Worn Apricot color palette (#F6F6EA, #ABD198, #E99A82, #73995E, #534B47)
• Muted Bronze color palette (#FBF4E8, #D7C9AC, #AD9A66, #946C2C, #584600)
• Hushed Taupe Thicket color palette (#EAFAEF, #E8D398, #AEC7FB, #BDA666, #3C4E69)
• Olive Hollow color palette (#F6F6EC, #DAD3A3, #6E874B, #554F00, #2C2C23)
• Tempered Basin color palette (#B9F3E4, #00B89D, #B78100, #007B68, #3E2900)
• Mustard Field color palette (#FDF4E4, #CBAC5A, #8A95CB, #867035, #5B4555)
• Ancient Mallow Pier color palette (#FDF3EB, #EFB78D, #CD9CDA, #B47F55, #64424A)

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