Tempered Stone Study color palette — #F0F1FD · #B5CCA3 · #5C5D82 · #2D2E46 · #12131C

Built around Pistachio, softened by Graphite — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F1FD): bright and airy, almost weightless.
• Pistachio (#B5CCA3): A luminous, dusty green — the color of new leaves after rain.
• Graphite (#5C5D82): A full-bodied, dusty violet — the color of wild irises.
• Navy (#2D2E46): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#12131C): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Cocoa Boulevard color palette (#FAEDFB, #B8B686, #784349, #331F35, #110A11)
• Softworn Atelier color palette (#F5F4FE, #D3B6CB, #715076, #393450, #2A222B)
• Driftwood Workshop color palette (#FCF2F5, #D2D4B3, #88739B, #65414E, #34272B)
• Bronze Harbor color palette (#E4F7ED, #C69CBC, #9F685C, #145B6F, #322737)
• Aubergine Corridor color palette (#F3EFFF, #98B463, #752275, #360A36, #0A0318)
• Washed Drift color palette (#F1F1F9, #D8B4E4, #A07B4B, #8A5E99, #0F190E)
• Timeworn Ash Veranda color palette (#F2F0FC, #AE82B8, #6A8D6C, #456848, #23202F)
• Muted Cocoa Alley color palette (#FCEBFF, #DDACC2, #AD7377, #754125, #402900)

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