Tempered Loft color palette — #E2EFE8 · #8E8E1A · #005B58 · #454400 · #001015

A conversation between Olive Leaf and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#E2EFE8): bright and airy, almost weightless.
• Olive Leaf (#8E8E1A): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#005B58): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#454400): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#001015): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Sophistication. Tagged duotone, 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

• Worn Thicket color palette (#DFEFEC, #479F37, #00586E, #114F03, #000F19)
• Airy Lapis Study color palette (#DCF9F8, #00A96C, #4900E3, #005534, #0D0D2B)
• Ancient Studio color palette (#F5E7EC, #C76E00, #0B6010, #623300, #00110F)
• Worn Emerald color palette (#DEE2C2, #469E4F, #00674C, #003F3F, #002936)
• Olive Station color palette (#F4D3E6, #498B00, #005957, #610036, #002D17)
• Lime Garden color palette (#D8F6F5, #A5B500, #00A95C, #007087, #002D23)
• Linen Lime Coast color palette (#DBF1EB, #7ABB0A, #008666, #487100, #001112)
• Softworn Pine Workshop color palette (#DCF1EF, #007E3D, #00384F, #003013, #000205)

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