Tempered Courtyard color palette — #FEF0FB · #E0D7F2 · #DDCB8E · #8497D2 · #49463F

A conversation between Blue Fog and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Blush (#FEF0FB): A whisper-light, dusty pink — the color of neon signs at night.
• Thistle (#E0D7F2): A whisper-light, dusty violet — the color of a velvet chair.
• Pistachio (#DDCB8E): A whisper-light, balanced green — the color of new leaves after rain.
• Blue Fog (#8497D2): A luminous, balanced violet — the color of wild irises.
• Charcoal (#49463F): a grounded near-black with real depth.

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

Use it as a design system

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

• Oat Lagoon color palette (#FFF1F3, #FED6FE, #B5D99C, #B786B7, #47473F)
• Washed Cocoa color palette (#E4FBF3, #D4DDFB, #F8BE91, #6EA0C4, #673A00)
• Worn Periwinkle Chapel color palette (#F0F5FF, #C3D4FF, #93D7C0, #92A7DC, #1C575B)
• Muted Stone color palette (#FFF0FD, #E8D9D7, #A4CEC9, #AAAFA5, #5E4C56)
• Aged Powder color palette (#FFF0F7, #DDD2D9, #A7AAE9, #68628F, #381D2D)
• Ancient Driftwood Market color palette (#FBF2F8, #C2E5F6, #9E7892, #563D4E, #22181E)
• Tempered Stone color palette (#FFF0FB, #B8CAFF, #BFBF80, #AEA277, #42333F)
• Cobalt Drift color palette (#F0F5FF, #A1ADDF, #AD9660, #5E6CB4, #37553F)

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