Tempered Terrace color palette — #D3E7D7 · #B74C91 · #AA001D · #004724 · #0C0003

Garnet and Fuchsia set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D3E7D7): A whisper-light, dusty teal — the color of shallow lagoons.
• Fuchsia (#B74C91): A full-bodied, balanced pink — the color of a candy shop window.
• Garnet (#AA001D): A full-bodied, vivid orange — the color of toasted spice.
• Forest (#004724): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#0C0003): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Warmth, Comfort, Balance. Tagged retro, warm.

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

• Soft Mulberry color palette (#D8F5DD, #955FB4, #A10065, #334100, #09000A)
• Powdered Crimson Station color palette (#D6E4D8, #CA4356, #884500, #00443F, #0D0000)
• Chestnut Summit color palette (#F5E2FF, #A67676, #8B5A33, #005A48, #001113)
• Mulberry Market color palette (#F0E0F4, #A9004D, #3F0F09, #1F0A0E, #060001)
• Grape Orchard color palette (#C6E8DE, #6A4DAD, #75002B, #00242D, #09000B)
• Washed Bloom color palette (#DAF3DE, #E86D60, #A56600, #006264, #2B0A00)
• Deep Quarry color palette (#F3E9D6, #7D005C, #480007, #000F04, #040001)
• Muted Lantern color palette (#D5E6DC, #838F58, #347309, #62306F, #050700)

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