Tempered Coast color palette — #F4E7EF · #FFA07F · #CB8300 · #E44F00 · #011201

A conversation between Pumpkin and Mustard, giving this palette its sense of nature and growth.

The five colors

• Blush (#F4E7EF): bright and airy, almost weightless.
• Melon (#FFA07F): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#CB8300): A luminous, balanced gold — the color of honey in a jar.
• Pumpkin (#E44F00): A luminous, vivid orange — the color of toasted spice.
• Ink (#011201): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged duotone.

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

• Linen Amber Boulevard color palette (#F4E7EC, #FCA656, #A59700, #C57000, #001208)
• Rose Station color palette (#F2E7F3, #FF9AAB, #F16107, #E73E6C, #180612)
• Softworn Canyon color palette (#FFE7D2, #E2A144, #B58700, #796400, #272500)
• Patina Brick color palette (#F0E8F0, #E8828A, #6C7A00, #B7113D, #00110B)
• Frosted Lime color palette (#F0F8F0, #FBCD87, #A4BB33, #D19423, #112922)
• Antique Amber Parlor color palette (#F4ECEF, #E1CECC, #AAC8C0, #C48050, #352A2F)
• Weathered Quarry color palette (#E3F8EA, #E3C100, #70B000, #A68D00, #001612)
• Wandering Amber color palette (#D8E4DA, #C19100, #717B00, #836100, #020200)

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