Tempered Market color palette — #F6F6E9 · #C3DFAE · #D5B9F3 · #95B47D · #673F4E
Built around Lavender, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#F6F6E9): a clean, paper-quiet neutral.
- Celadon Mist (#C3DFAE): A whisper-light, dusty green — the color of fresh herbs.
- Lavender (#D5B9F3): A whisper-light, balanced violet — the color of twilight just after sunset.
- Sage (#95B47D): A luminous, balanced green — the color of new leaves after rain.
- Cocoa (#673F4E): A full-bodied, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, 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
- Dusty Summit color palette (#FBF4EA, #EBD19F, #AAC7FE, #C0A46C, #5E435B)
- Ancient Veranda color palette (#EEF9E9, #A5E3D6, #F2B1C7, #65BAAA, #66423E)
- Moss Boulevard color palette (#F6F7E7, #B2CFA0, #C2A2DA, #729A58, #65414D)
- Seafoam Bloom color palette (#F5F8DE, #A6D798, #A1BFEE, #DC9B9B, #444600)
- Aged Fern color palette (#F5F7E4, #CCE2D3, #BEB693, #A9B0C3, #49570E)
- Tempered Cocoa Corridor color palette (#FFF3E8, #EAD6BD, #CDB095, #AC8A74, #5E4200)
- Airy Mint color palette (#E8F2E2, #3FDABB, #EC91AB, #00A98E, #5A1C32)
- Wandering Lilac Grove color palette (#E8F5F2, #9EBF84, #AF87D7, #5D7D43, #2E2E45)
Browse the whole catalog at Explore, or see today's palette.