Tempered Terrace color palette — #ECF2FE · #A4B2DD · #A59F5B · #566BBC · #0E3A28

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

The five colors

• Ivory (#ECF2FE): bright and airy, almost weightless.
• Mauve (#A4B2DD): A luminous, dusty violet — the color of twilight just after sunset.
• Moss (#A59F5B): A luminous, balanced green — the color of fresh herbs.
• Cornflower Indigo (#566BBC): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Forest (#0E3A28): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged muted, cool.

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

• Violet Ridge color palette (#F0F0FF, #C0A8D5, #8EA672, #8A57AE, #273710)
• Hushed Cobalt color palette (#F1F5FF, #A3ACE2, #A69A50, #646CAD, #325643)
• Aged Petrol color palette (#E6F4FF, #87BBD8, #C88C71, #007BA9, #422738)
• Aged Mustard color palette (#FDF1FC, #A9C5F9, #B1B868, #6B8CC9, #4F4D46)
• Hushed Chestnut Ridge color palette (#FCEDF2, #AAC2B1, #9D7685, #764B45, #19322A)
• Worn Bronze color palette (#EFF0FF, #A790C4, #AC873F, #9B7004, #24253B)
• Wandering Parlor color palette (#F0F1FC, #9FCECC, #695880, #2D2D4B, #12131E)
• Softworn Cerulean Ridge color palette (#ECF2FF, #DFD4E1, #E3B8C3, #5E93A7, #393D52)

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