Tempered Terrace color palette — #FFF0F8 · #B0A4FF · #D49B00 · #3AA142 · #2B2549
A conversation between Kelly Green and Mustard, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Lavender (#B0A4FF): A luminous, balanced violet — the color of twilight just after sunset.
- Mustard (#D49B00): A luminous, balanced gold — the color of old brass.
- Kelly Green (#3AA142): A luminous, vivid green — the color of new leaves after rain.
- Deep Indigo (#2B2549): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.
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
- Frosted Wisteria Boulevard color palette (#FFF1F6, #C696FF, #BD8800, #009553, #02243D)
- Sunlit Moss color palette (#FFF1F5, #DAB4FF, #A69200, #00A170, #411F2C)
- Feathered Boulevard color palette (#FFEFFF, #7FB4FF, #FC7D2D, #998A00, #392139)
- Hazy Fuchsia Quarry color palette (#FFF1F3, #F689EA, #E67500, #3B8A00, #003744)
- Moss Canyon color palette (#F1F5FF, #ABACFF, #7E8B00, #646F00, #181637)
- Mallow Boulevard color palette (#FFF1F2, #EE96E0, #9EBA62, #4BA192, #452A2E)
- Wisteria Cabin color palette (#EED7E0, #BF9AFF, #9B7700, #34883B, #2D0E1D)
- Ember Corridor color palette (#E0FDF3, #8ECFFF, #E8614D, #A68400, #052F48)
Browse the whole catalog at Explore, or see today's palette.