Tempered Market color palette — #FBF3F0 · #C4DFE4 · #7ED5F2 · #7DAF97 · #345149

Built around Ice Blue, softened by Sage — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#C4DFE4): A whisper-light, dusty blue — the color of open sky before noon.
• Ice Blue (#7ED5F2): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Sage (#7DAF97): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#345149): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Muted Powder color palette (#F9F4EF, #C7DDEB, #AFC7F6, #6EAEB6, #624A58)
• Turquoise Drift color palette (#EEF8F1, #89E6F5, #FFADB1, #52B9C9, #61463D)
• Softworn Stone Thicket color palette (#EEF9EF, #C6E7E8, #EACFCF, #B2C2A0, #415047)
• Cypress Harbor color palette (#EDF4EE, #CDDFF3, #7AA3B7, #417769, #213949)
• Patina Atelier color palette (#DFFEED, #B4EAFF, #55CAE8, #4595AF, #1D402F)
• Misty Sky Drift color palette (#FEF3EC, #BDEDFF, #6EBEFF, #00A79C, #2C3D6B)
• Antique Lantern color palette (#F1E8E3, #6EACB7, #007EAC, #005F4D, #00091B)
• Muted Pine Pier color palette (#F1E3DB, #81D0D0, #00A3C2, #008154, #002236)

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