Tempered Study color palette — #FFF1F2 · #F7C2E4 · #A3D7A4 · #DE86C2 · #4D4E47

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Thistle (#F7C2E4): A whisper-light, dusty pink — the color of neon signs at night.
• Pistachio (#A3D7A4): A whisper-light, balanced green — the color of fresh herbs.
• Bubblegum (#DE86C2): A luminous, balanced pink — the color of a candy shop window.
• Charcoal Brown (#4D4E47): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

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

• Ancient Balcony color palette (#F7F3FF, #E0B4D7, #8FBF96, #B570AA, #235753)
• Muted Coral color palette (#FFF2ED, #FFC4BE, #82D8D9, #F1847D, #38563A)
• Softworn Periwinkle color palette (#FCF1F9, #EEC7E4, #C0CF95, #8CA3F8, #495229)
• Gentle Peony color palette (#FFF2F0, #FFA7C4, #28E1B4, #F22E8A, #004636)
• Worn Petal Ridge color palette (#FFF1F3, #E3D9D1, #DBBEE5, #A2B4CC, #5F4A49)
• Dusty Cocoa Market color palette (#FDF3ED, #E8D6C2, #D1AE99, #B3838C, #5B4400)
• Timeworn Driftwood Balcony color palette (#FFF1F0, #F3D4C1, #E2A8CB, #AF6C93, #512B42)
• Patina Loft color palette (#DCF3FF, #85F5D7, #FFBFD4, #7F5F5B, #3D3534)

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