Tempered Terrace color palette — #F0EAE0 · #7BA3C9 · #2B53A0 · #003C4B · #161154

Built around Indigo, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Cream (#F0EAE0): bright and airy, almost weightless.
• Blue Fog (#7BA3C9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Indigo (#2B53A0): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#003C4B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#161154): 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

• Nightshade Coast color palette (#F8EDE1, #79A1C2, #3D4BAF, #00393A, #110025)
• Ancient Grove color palette (#E7DED1, #69ABB3, #006177, #003F36, #002334)
• Aged Orchard color palette (#FBF4E9, #83C3D7, #0077A6, #005656, #00345F)
• Faded Veranda color palette (#F1E0E5, #8AB7DD, #525EEF, #00595B, #27133E)
• Ancient Iris color palette (#D8E5DA, #88C6FF, #6190E7, #007995, #181A40)
• Navy Bloom color palette (#E5DDD1, #5886A8, #00397D, #002129, #04002D)
• Softworn Cerulean Delta color palette (#D5F1F5, #008B9B, #004C50, #001E20, #000A0C)
• Cobalt Field color palette (#DBF4DC, #7ECAE8, #3C87D5, #005B48, #00242C)

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