Tempered Terrace color palette — #F9F2FB · #F6B1BD · #87B887 · #558CBB · #2B4364

A conversation between Cerulean and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F2FB): bright and airy, almost weightless.
• Ballet Pink (#F6B1BD): A whisper-light, balanced red — the color of embers at dusk.
• Sage (#87B887): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#558CBB): A luminous, balanced blue — the color of deep harbor water.
• Navy (#2B4364): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Antique Cobalt Harbor color palette (#FAF2FB, #F0B6B9, #A7B071, #5D89C1, #613237)
• Dusty Stone Courtyard color palette (#FAF1FF, #EBD3D5, #ADCAB2, #8E9DB2, #495061)
• Wandering Lagoon Veranda color palette (#F3F4FD, #CEBEEB, #CE9F71, #349892, #394062)
• Faded Meadow color palette (#FDF1F8, #F0AC8D, #50B68A, #8169C9, #572912)
• Taupe Coast color palette (#FEF1F8, #FABBA0, #AA9A52, #467852, #452F4A)
• Stone Balcony color palette (#FBEDF6, #E6A590, #6E826E, #614E5B, #242025)
• Sunlit Moss Quarry color palette (#FAF1FF, #FF8DB8, #9AA100, #007FB1, #5B0431)
• Wandering Amber color palette (#E2F4E7, #AE8B00, #007DA4, #005781, #26001A)

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