Tempered Coast color palette — #F5F6EE · #DCE1C8 · #96C2A6 · #B0947B · #4A5303

Deep Olive takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Celadon Mist (#DCE1C8): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#96C2A6): A luminous, dusty teal — the color of sea glass.
• Taupe (#B0947B): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#4A5303): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.

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 Grove color palette (#F7F6EB, #CFD4BC, #8EA380, #947378, #4A5304)
• Washed Chapel color palette (#FDF4E8, #DCE0C9, #99C1CE, #DCAF84, #6D4D00)
• Dusty Bronze Chapel color palette (#FFF3E3, #DBE2B3, #D5B679, #A38237, #4C380F)
• Gentle Olive Terrace color palette (#F2EEDF, #9AB177, #5D8E41, #855A00, #141F00)
• Teal Harbor color palette (#ECF9F4, #C4DCF5, #83BCAB, #88819D, #394A49)
• Taupe Coast color palette (#F9F5E8, #C6CFA3, #8FAB67, #9F7C57, #37362F)
• Weathered Blush color palette (#FFF3E6, #E7BF92, #A0CD8A, #E990A7, #47413C)
• Weathered Lagoon color palette (#E7F5F3, #98D0CB, #638E75, #705A63, #1F3634)

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