Tempered Market color palette — #FEF0FB · #F7E6A1 · #5971BF · #482E43 · #140D13
Built around Sapphire, softened by Butter — the whole palette hums with nature and growth.
The five colors
- Blush (#FEF0FB): A whisper-light, dusty pink — the color of neon signs at night.
- Butter (#F7E6A1): A whisper-light, balanced green — the color of a quiet forest floor.
- Sapphire (#5971BF): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#482E43): A deep, shadowed, dusty pink — the color of a candy shop window.
- Ink (#140D13): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Tempered Market 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
- Tempered Pier color palette (#E9FAF4, #FFDDCE, #277CBA, #134137, #07120F)
- Muted Driftwood color palette (#FBF2F6, #BBF3F7, #8A7BB3, #5A3B4A, #22181C)
- Quiet Byzantium Boulevard color palette (#FFF1F4, #BFE990, #953AB3, #3F1D4B, #120306)
- Softworn Denim Basin color palette (#EBF2FF, #C1B380, #42537F, #172742, #060C17)
- Timeworn Ash color palette (#F0F5FF, #FFC3CB, #8692C5, #546381, #1D222B)
- Blush Corridor color palette (#FAF3F7, #E2D7F1, #EB6D9C, #7182D8, #1F0C0A)
- Wandering Courtyard color palette (#F8F6E2, #CEC1FF, #CD6D9A, #167360, #422A30)
- Sunlit Courtyard color palette (#FEF1F6, #B7A0F4, #B5631C, #136C44, #281422)
Browse the whole catalog at Explore, or see today's palette.