Tempered Terrace color palette — #D7EDE4 · #009D76 · #0078C9 · #730081 · #010013

Plum and Royal Blue set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D7EDE4): A whisper-light, dusty teal — the color of sea glass.
• Fern (#009D76): A luminous, balanced teal — the color of glacier melt.
• Royal Blue (#0078C9): A full-bodied, balanced blue — the color of deep harbor water.
• Plum (#730081): A deep, shadowed, vivid pink — the color of peonies in June.
• Black (#010013): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged candy, vibrant, light, cool.

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

• Linen Sapphire Pier color palette (#EED9EF, #00989A, #1B57FB, #74006C, #020007)
• Grape Grove color palette (#E2F4EA, #00AB6B, #007392, #6000BA, #000207)
• Hushed Harbor color palette (#C6E8DE, #009BB8, #0070D3, #5A00C5, #000725)
• Timeworn Field color palette (#D2E4F3, #00BCA3, #0088E1, #A718B5, #040034)
• Amethyst Pier color palette (#FFE5F1, #0094C6, #7431F0, #850026, #05000B)
• Muted Navy color palette (#D6EEE5, #217E83, #2F3F70, #1D2900, #00100A)
• Navy Archive color palette (#E9DDD4, #5C92AB, #004595, #002C26, #040019)
• Powdered Ultramarine color palette (#D9EADA, #489D00, #007F7C, #3500DE, #000202)

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