Tempered Stone color palette — #F2F3E9 · #A7D19B · #5B87B1 · #577E4B · #0B1916

Pistachio takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F2F3E9): bright and airy, almost weightless.
• Pistachio (#A7D19B): A luminous, balanced green — the color of new leaves after rain.
• Storm Blue (#5B87B1): A luminous, balanced blue — the color of deep harbor water.
• Olive (#577E4B): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#0B1916): A deep, shadowed, dusty teal — the color of sea glass.

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

• Hushed Olive color palette (#EEF8F5, #B3C99B, #5382AD, #5B7837, #242F3A)
• Aged Stone color palette (#F5F1EA, #D9C182, #3C919A, #83703A, #101812)
• Iris Study color palette (#EEF4ED, #83D5C8, #9173B2, #318176, #1F1116)
• Softworn Teal color palette (#FFEEE5, #62C0A3, #4D8098, #6F463B, #223121)
• Antique Emerald color palette (#EEF7F6, #A5DED9, #4AABB9, #5B9E6A, #223036)
• Seafoam Drift color palette (#DAFDD8, #78D5BF, #489A9D, #115C78, #0E2F55)
• Aubergine Bloom color palette (#D8ECDF, #007488, #510072, #003039, #030005)
• Worn Atelier color palette (#EDF6E0, #00C683, #5953D8, #006D46, #14030E)

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