Tempered Coast color palette — #FFF1F1 · #FF9E83 · #D97214 · #7F5200 · #3B3200
A conversation between Pumpkin and Melon, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Melon (#FF9E83): A luminous, balanced orange — the color of toasted spice.
- Pumpkin (#D97214): A luminous, balanced gold — the color of old brass.
- Coffee (#7F5200): A full-bodied, balanced gold — the color of old brass.
- Espresso (#3B3200): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Ember Canyon color palette (#FFF0F8, #FFB0BC, #DB625F, #873C1F, #3F2100)
- Faded Lagoon color palette (#FFF2EB, #FCA531, #A98500, #686300, #253A0D)
- Weathered Honey color palette (#FFF3E8, #ECC073, #B67A49, #784A41, #292008)
- Dusty Ember Field color palette (#FFEAE7, #EB6700, #905800, #413200, #131300)
- Marigold Field color palette (#FFF2ED, #FFCDA3, #D69B37, #80702F, #403F37)
- Muted Market color palette (#FFF3E7, #FFBE82, #1EA1ED, #A5651B, #022B44)
- Ancient Orchard color palette (#FAEAE0, #AC6F00, #6C5200, #272800, #030500)
- Ancient Archive color palette (#FFF3E8, #C8FFC4, #C5E2CD, #BB817F, #332F29)
Browse the whole catalog at Explore, or see today's palette.