Tempered Terrace color palette — #FEF2EC · #94D0E0 · #3A7EB1 · #006249 · #2F385C

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FEF2EC): bright and airy, almost weightless.
• Sky (#94D0E0): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3A7EB1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006249): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#2F385C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Ancient Aqua Workshop color palette (#FFF2ED, #4ECDD2, #00799D, #005A2A, #023168)
• Dusty Cabin color palette (#E9F5F3, #A4CEE4, #3586A4, #005A61, #002435)
• Soft Study color palette (#F9ECDE, #7CB8E7, #4A5EBD, #004F50, #33244C)
• Washed Grove color palette (#FDF3EB, #BCE7D8, #7288C0, #04716D, #5A3E4B)
• Muted Cypress Garden color palette (#F5F6EC, #B7E0C6, #59A0BB, #007B82, #154434)
• Aged Navy color palette (#F1DED2, #398CA5, #003E6D, #00231B, #06002B)
• Timeworn Sky Chapel color palette (#F9F3F7, #C9E5F4, #65BBF3, #00A290, #243A60)
• Softworn Coast color palette (#F3E1DC, #00A59D, #005363, #063302, #001528)

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