Tempered Loft color palette — #D1F3DD · #DB595B · #6A5B00 · #143965 · #260E1C

Scarlet and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D1F3DD): A whisper-light, dusty teal — the color of glacier melt.
• Scarlet (#DB595B): A luminous, vivid orange — the color of sun-warmed clay.
• Olive (#6A5B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#143965): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#260E1C): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Peony Delta color palette (#CAF4E5, #CD59A0, #864A00, #003F54, #221023)
• Chalky Amber Study color palette (#E2F9E2, #DB8159, #637325, #3B4173, #162816)
• Pale Amber Pier color palette (#FFDFE9, #CB6E00, #376A00, #323068, #031E0C)
• Quiet Workshop color palette (#F9E8F2, #D04800, #00606D, #00355F, #00152A)
• Timeworn Atelier color palette (#DBF7DF, #BA7327, #735500, #004D2B, #1E371D)
• Inked Chestnut Corridor color palette (#FAD9E4, #8F5500, #062C20, #18060D, #040103)
• Patina Driftwood color palette (#F1DBDD, #CB9CAC, #628462, #3F4961, #20283B)
• Linen Canyon color palette (#FFF4E2, #FF9863, #997926, #005B6D, #331B01)

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