Tempered Terrace color palette — #F4F7EA · #B6E0CC · #509ECE · #00798E · #153D5E

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

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Celadon Mist (#B6E0CC): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#509ECE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#00798E): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#153D5E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Cypress Hollow color palette (#F5F6ED, #BDDFBE, #52A4AC, #007D70, #1F432E)
• Tempered Studio color palette (#E3E8D6, #639ABB, #005D93, #003948, #00091A)
• Dusty Cobalt Delta color palette (#FBF3EE, #AECDBF, #437CB5, #00605E, #2E375F)
• Faded Lantern color palette (#E4F5DB, #50BDA8, #7F8EE3, #008471, #293062)
• Wandering Sky Villa color palette (#FDF2F7, #B9E8FF, #78B6F8, #00A09D, #2F385B)
• Cobalt Parlor color palette (#E9EDDF, #8EB7D5, #2378BF, #00556F, #001D46)
• Washed Orchard color palette (#F4F6EF, #CAE3E2, #85B9D6, #6A9177, #2F5248)
• Sunlit Cobalt color palette (#D6ECCE, #00AD9B, #488ECE, #747F2F, #1E3117)

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