Tempered Stone color palette — #E6FBF2 · #C2E6EE · #C2C8D4 · #D4BE88 · #3D564F

Sand takes the lead with Frost close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#E6FBF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Frost (#C2E6EE): A whisper-light, dusty blue — the color of open sky before noon.
• Oat (#C2C8D4): a calm mid-gray that lets other colors speak.
• Sand (#D4BE88): A luminous, dusty gold — the color of old brass.
• Charcoal Brown (#3D564F): A full-bodied, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Tempered Stone 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

• Stone Hollow color palette (#FFF1F5, #EDFDCF, #C3E9F3, #E7AB96, #435445)
• Mint Balcony color palette (#E5FAFD, #D1DCE9, #B8AAAD, #74BF94, #324E55)
• Celadon Orchard color palette (#EAF8FF, #CBFFC0, #E2D5CE, #2C4E49, #252D2C)
• Wandering Veranda color palette (#EEF8F2, #BFE6E9, #8FBAA3, #8D7749, #2F4440)
• Timeworn Studio color palette (#F8F1E2, #B2E7D6, #C6C9D5, #A78A78, #484200)
• Muted Thicket color palette (#D7FFF5, #B3DEEA, #B3AEB7, #A6A200, #244526)
• Driftwood Bloom color palette (#EDF8F6, #B4E2EC, #6B916E, #18504C, #101E1D)
• Dusty Driftwood color palette (#EBF8F8, #9BD3AC, #B6A4D6, #AB6C80, #1F3636)

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