Tempered Terrace color palette — #FFF1F6 · #B4E2FF · #6D97F7 · #00837D · #42356A

Built around Lavender Blue, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Powder Blue (#B4E2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender Blue (#6D97F7): A luminous, balanced violet — the color of a velvet chair.
• Teal (#00837D): A full-bodied, balanced teal — the color of shallow lagoons.
• Royal Purple (#42356A): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Muted Veranda color palette (#FFF1F5, #99D2FF, #6980F5, #007273, #3D2062)
• Azure Balcony color palette (#FAF2F9, #9AE3E8, #34A2CE, #417A54, #293C54)
• Patina Cobalt color palette (#F3F7EC, #9FD5FE, #3C83C6, #006280, #1F3F6D)
• Hushed Powder color palette (#F9F3F9, #D3D6EC, #7CBCD4, #64908C, #455465)
• Cerulean Ridge color palette (#F2E5EF, #2CA3B3, #005F89, #003E27, #01032A)
• Airy Cobalt Loft color palette (#F7E6F2, #5DC1D6, #007CBA, #005C41, #121B41)
• Muted Aqua color palette (#D8FEFF, #00DBE8, #00979E, #006669, #002F2D)
• Gentle Clover Ridge color palette (#E6EEDE, #00CE60, #009B81, #006E76, #00485E)

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