Tempered Loft color palette — #FBF5E5 · #DFDCAF · #C6B48C · #A68D74 · #414F01

Built around Deep Olive, softened by Celadon Mist — the whole palette hums with nature and growth.

The five colors

• Cream (#FBF5E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Celadon Mist (#DFDCAF): A whisper-light, dusty green — the color of a quiet forest floor.
• Sand (#C6B48C): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A68D74): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#414F01): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Bronze Grove color palette (#FBF5E6, #D5E0C5, #BAAD8C, #957530, #493F00)
• Antique Quarry color palette (#EAFAF1, #A8D7C5, #A39D70, #657B69, #364D48)
• Dusty Mustard Coast color palette (#F7E4D0, #D2C276, #BE9566, #9A6D61, #31312A)
• Timeworn Mallow color palette (#FFF1F2, #F0A4D5, #BBA565, #9C8A55, #25382F)
• Dusty Chestnut color palette (#E7F6ED, #A4C3B9, #638E77, #6F5228, #16322F)
• Tempered Bloom color palette (#FFF0F9, #B6BCFF, #ABC089, #9F9C73, #473841)
• Aged Studio color palette (#FFF0FA, #EBD1FF, #E7A3BE, #BF8079, #693E10)
• Worn Moss color palette (#FEEACD, #A2A547, #9E7411, #814A2D, #171800)

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