Tempered Stone color palette — #F2F0FF · #ADBC6E · #6B4471 · #28233B · #0D0A16

Built around Sage, softened by Charcoal Brown — the whole palette hums with nature and growth.

The five colors

• Blush (#F2F0FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sage (#ADBC6E): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#6B4471): A full-bodied, balanced pink — the color of neon signs at night.
• Midnight (#28233B): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#0D0A16): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Softworn Loft color palette (#FFF1F4, #88BC9E, #60466B, #43222C, #271612)
• Patina Pewter color palette (#FFF1F2, #D9C191, #8E6180, #5C3639, #2B1E1E)
• Faded Lantern color palette (#FDECFA, #BFA800, #842628, #3F0A0C, #110210)
• Wandering Garnet color palette (#EDE0FA, #9B9B00, #71004E, #2E001D, #06000D)
• Wandering Amber Courtyard color palette (#ECDBE6, #A58C00, #671A00, #270500, #050003)
• Patina Mallow Basin color palette (#F3F0F8, #EB91CD, #996B00, #884E75, #061108)
• Antique Blush color palette (#E0F9EB, #E6718D, #945C1B, #174D63, #2D1C2A)
• Timeworn Bronze Chapel color palette (#FFECF4, #ED939D, #AE5F3F, #684100, #2A2300)

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