Tempered Terrace color palette — #F3E7DA · #8EB8DD · #5664B0 · #004B4D · #1D0A30

Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#F3E7DA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#8EB8DD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#5664B0): A full-bodied, balanced violet — the color of wild irises.
• Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#1D0A30): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Washed Studio color palette (#F6E5DE, #64C4CF, #0074A0, #004E2E, #031238)
• Wandering Petrol color palette (#ECF1E4, #89BEB0, #2D67B5, #004B6A, #172A5B)
• Gentle Cornflower color palette (#F9EAEE, #A7C8E8, #6281D8, #006A77, #2E2357)
• Weathered Mallow color palette (#E5F3FF, #D1BEFF, #CF8EAF, #006568, #121938)
• Gentle Quarry color palette (#D8E9FF, #006AC6, #795800, #474C07, #000B1D)
• Washed Coast color palette (#F8F0EB, #C2E7D0, #6392BC, #316B59, #3C2235)
• Navy Station color palette (#D8F1F0, #008BAC, #005A8C, #152177, #1A0738)
• Softworn Navy Harbor color palette (#FBEADD, #2096C1, #004597, #002C26, #040019)

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