Tempered Loft color palette — #F8EEE1 · #925E00 · #005B84 · #3E2500 · #000103

Ochre and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8EEE1): A whisper-light, dusty gold — the color of old brass.
• Ochre (#925E00): A full-bodied, balanced gold — the color of old brass.
• Peacock (#005B84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3E2500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, 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

• Softworn Rust color palette (#FFE3D8, #B14300, #006166, #4C1800, #000102)
• Misty Nightshade color palette (#F0E2C9, #816800, #4B3AB6, #352A00, #010009)
• Shadow Navy Coast color palette (#FBD6E4, #774200, #003E76, #331900, #000613)
• Muted Parlor color palette (#FFE8D4, #8E6D00, #5B2F00, #2B0002, #020100)
• Aubergine Lagoon color palette (#F9E1CA, #703E00, #620069, #301700, #030004)
• Bronze Loft color palette (#FFE8F0, #B26B00, #00855F, #784700, #000804)
• Pale Nightshade Lantern color palette (#FFEBDC, #7E4300, #121DC5, #0B198C, #030100)
• Grape Station color palette (#E3E1CE, #749B1F, #880AAB, #304400, #030005)

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