Tempered Terrace color palette — #DFFDF1 · #BCE5EB · #9CCEDD · #A29D67 · #3D5950

Moss and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DFFDF1): A whisper-light, dusty teal — the color of sea glass.
• Powder Blue (#BCE5EB): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#9CCEDD): A whisper-light, dusty blue — the color of deep harbor water.
• Moss (#A29D67): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#3D5950): A full-bodied, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Ash Villa color palette (#E8F9F7, #C9E2EE, #ADB6D3, #86B1A8, #3A5151)
• Timeworn Bronze color palette (#E8FBF0, #B9E6F2, #8AD4CE, #A97333, #335B4F)
• Softworn Fern Drift color palette (#F9F6E4, #D2E8CC, #B0CEE9, #B4B074, #524B00)
• Dusty Driftwood Canyon color palette (#E8FAF0, #A0C9B6, #98915A, #76683F, #23453A)
• Tempered Delta color palette (#E9FBEC, #BDE6E2, #CEDAA2, #BE8F9E, #375241)
• Dusty Lagoon Study color palette (#E5F9FF, #C4DFFF, #87CBE4, #449887, #18424E)
• Misty Pier color palette (#E4F0CF, #93B985, #59A777, #626200, #0E1C00)
• Weathered Olive color palette (#E8FAF6, #CBC78E, #5B7D4D, #324A27, #142522)

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