Tempered Loft color palette — #FFCFE2 · #DF7D69 · #8E5A00 · #342D00 · #010600

Built around Coral Clay, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFCFE2): A whisper-light, dusty rose — the color of strawberry cream.
• Coral Clay (#DF7D69): A luminous, balanced orange — the color of toasted spice.
• Ochre (#8E5A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#342D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#010600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Patina Amber Parlor color palette (#FFD4CE, #DC8F38, #736400, #193500, #000503)
• Brick Field color palette (#E6DAEA, #D87695, #B71400, #442A00, #060600)
• Bronze Atelier color palette (#FAE4DE, #AF5D00, #604100, #2C2200, #050600)
• Amber Basin color palette (#FDE4DE, #E7800D, #AC7400, #6A5400, #151700)
• Airy Navy Archive color palette (#FFEBD2, #D35E76, #6B5000, #220080, #0C0100)
• Linen Aubergine color palette (#FFD2E5, #CC9297, #946D30, #54357D, #380020)
• Marigold Corridor color palette (#FFF2EF, #FEA647, #978000, #165400, #002019)
• Terracotta Parlor color palette (#FDF3ED, #DCDBCA, #C3BB9B, #A82F00, #160903)

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