Tempered Market color palette — #FAF3F9 · #D5D5E7 · #9FCEE9 · #80AF92 · #445369

Sage and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF3F9): bright and airy, almost weightless.
• Silver (#D5D5E7): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#9FCEE9): A whisper-light, dusty blue — the color of open sky before noon.
• Sage (#80AF92): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#445369): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged coastal, cool, 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

• Washed Villa color palette (#F9F4ED, #C8EBE4, #92BDA5, #788E6F, #355147)
• Glacier Chapel color palette (#E9F8FE, #6DE9FE, #FFAFA4, #63B7C6, #5D4359)
• Hazy Teal color palette (#FFF0F8, #C0ECFF, #81BAFF, #00A890, #3A396A)
• Hushed Aqua Lagoon color palette (#E8F8FF, #43DEF3, #F0AB8D, #BF9E6F, #33464D)
• Antique Terrace color palette (#F7F0ED, #CBE1DD, #6BA5BF, #1F7C62, #1B3D36)
• Dusty Bloom color palette (#F9E7F2, #60BEDD, #2286DD, #006F5B, #0F063E)
• Sand Thicket color palette (#FFF1F6, #E8D9AA, #D4A7B8, #A1899C, #3B4C46)
• Antique Pine color palette (#F4EAF3, #76D1D5, #00A0D0, #008341, #061F3F)

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