Tempered Terrace color palette — #D6E2E3 · #91A3AC · #667E99 · #004036 · #000507

A conversation between Forest and Slate, giving this palette its sense of sophistication.

The five colors

• Silver (#D6E2E3): bright and airy, almost weightless.
• Blue Fog (#91A3AC): A luminous, dusty blue — the color of deep harbor water.
• Slate (#667E99): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Forest (#004036): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000507): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, 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

• Spruce Boulevard color palette (#E4ECF0, #838F9C, #646A7F, #003038, #000103)
• Worn Navy color palette (#D8E0EA, #AFB2C0, #90899F, #18437A, #020B1A)
• Worn Forest color palette (#E0E7DC, #ABB8B0, #A68AA8, #006153, #0E1708)
• Antique Petrol Boulevard color palette (#ECF3F9, #D7D4DF, #B7B4C8, #3C698C, #1A2128)
• Antique Meadow color palette (#D1E7D5, #2A7781, #2A407D, #302000, #100800)
• Spruce Balcony color palette (#F3DAE2, #706B11, #0F4200, #002426, #030300)
• Muted Nightshade color palette (#D8F3FE, #00A239, #00787B, #4920C5, #000305)
• Deep Harbor color palette (#FFE2D8, #00654B, #003151, #280800, #000202)

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