Tempered Loft color palette — #E5FAF9 · #4BAE78 · #8A6083 · #604A6A · #503242

Jade and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E5FAF9): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#4BAE78): A luminous, balanced teal — the color of glacier melt.
• Slate (#8A6083): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal Brown (#604A6A): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal (#503242): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Loft 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

• Antique Moss color palette (#EAF9F2, #9F9D44, #576FA2, #744347, #4F3A50)
• Wandering Oat Station color palette (#DDFDF5, #A9CFD7, #7C92A7, #7A6A75, #5D494C)
• Navy Lantern color palette (#EBF5E9, #5FACA6, #41789C, #4A4476, #152E0F)
• Softworn Teal color palette (#E9F9FB, #78C2AE, #5696B2, #626490, #1F4B45)
• Chalky Terrace color palette (#DAF8FD, #008A79, #812E6D, #553000, #2D2500)
• Patina Cerulean Hollow color palette (#E9F8FF, #0099B1, #914C48, #61410E, #373406)
• Washed Driftwood color palette (#F6F6E9, #BAD0A2, #90A9DE, #B5745D, #47413C)
• Tempered Lagoon Archive color palette (#DEF7FB, #00917E, #2E3F49, #1D2B2E, #101618)

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