Tempered Coast color palette — #F7F5EB · #F8D8B6 · #9BA477 · #6A7245 · #2F2C1C

A conversation between Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F7F5EB): bright and airy, almost weightless.
• Peach Cream (#F8D8B6): A whisper-light, dusty gold — the color of old brass.
• Sage (#9BA477): A luminous, dusty green — the color of fresh herbs.
• Olive (#6A7245): A full-bodied, dusty green — the color of new leaves after rain.
• Espresso (#2F2C1C): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Driftwood Hollow color palette (#EDF8F3, #B9DBC0, #7F8152, #4F5022, #1F3029)
• Teal Villa color palette (#F0F8EF, #F9C8B9, #44A7A2, #13726E, #182617)
• Frosted Balcony color palette (#F5F7E5, #FFBE98, #51A44C, #346A31, #1B1D00)
• Coral Boulevard color palette (#E1EFDC, #E6877D, #00786B, #00433B, #010300)
• Weathered Stone color palette (#F5F6EF, #D5DDD9, #99C391, #A8B5B9, #52534B)
• Wandering Fern Field color palette (#FFF2EF, #C9D7AC, #73BDBF, #B97583, #434E00)
• Aged Chapel color palette (#EFEFDC, #C0711C, #325400, #0C1A00, #020200)
• Dusty Coral Thicket color palette (#F3F7EC, #99CBAC, #50B4CD, #C27189, #30332C)

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