Tempered Terrace color palette — #DFE6E2 · #A9BEB8 · #9C8795 · #004D5D · #13231A

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

The five colors

• Parchment (#DFE6E2): a clean, paper-quiet neutral.
• Ash (#A9BEB8): A luminous, dusty teal — the color of sea glass.
• Heather (#9C8795): A luminous, dusty pink — the color of neon signs at night.
• Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#13231A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Tempered Balcony color palette (#D5E4DE, #B3A4B0, #957483, #003C5B, #001912)
• Petrol Basin color palette (#E1EDE7, #B6C9C2, #7EB1A4, #006B89, #10241B)
• Navy Study color palette (#F3ECF2, #C3B4BB, #A88289, #17369F, #2A1828)
• Patina Aubergine color palette (#F5EBF0, #D7C7CA, #B29A98, #6035A8, #382830)
• Hushed Cerulean Station color palette (#D4E3EB, #BBBFD9, #A8A3B8, #008FAA, #122229)
• Worn Spruce Field color palette (#C9EAE6, #68927E, #4B5484, #4D3500, #133500)
• Pine Market color palette (#E2DFD0, #518954, #00513F, #003540, #002204)
• Petrol Summit color palette (#F0F7F4, #DDD5D3, #CAB7B8, #3A7D9A, #3D4C45)

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