Tempered Summit color palette — #FCF0FF · #F3D6C7 · #F0A291 · #A07160 · #5C3E4C
A conversation between Melon and Mocha, giving this palette its sense of optimism and warmth.
The five colors
- Blush (#FCF0FF): A whisper-light, dusty pink — the color of neon signs at night.
- Bone (#F3D6C7): A whisper-light, dusty orange — the color of sun-warmed clay.
- Melon (#F0A291): A luminous, balanced orange — the color of toasted spice.
- Mocha (#A07160): A full-bodied, dusty orange — the color of sun-warmed clay.
- Cocoa (#5C3E4C): A full-bodied, dusty rose — the color of pressed rose petals.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.
Use it as a design system
One click turns Tempered Summit 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
- Apricot Coast color palette (#FFF0FA, #EEDBBF, #D89D6E, #997A52, #37503E)
- Terracotta Alley color palette (#FFF0EB, #D89D99, #BE7567, #964C35, #564F4A)
- Softworn Thicket color palette (#F5F4FF, #FED2FC, #E098C1, #99657A, #554358)
- Weathered Stone color palette (#FFF0F7, #E5DFD3, #E0A586, #926448, #3D1F31)
- Wandering Glacier color palette (#FFF0FA, #F0D8C1, #81DBF1, #CA8673, #2A4B5A)
- Apricot Cabin color palette (#FFE8E1, #FF8743, #B46A00, #614000, #291E00)
- Amber Veranda color palette (#FFF2F0, #FFBFAB, #E07300, #8C5300, #432C00)
- Weathered Sand Lantern color palette (#FFF0F9, #FFB99B, #84CDAC, #9D9DC7, #44323D)
Browse the whole catalog at Explore, or see today's palette.