Tempered Loft color palette — #FAF2FE · #B25372 · #006B4F · #2B407A · #2E2331

A conversation between Magenta Rose and Navy, giving this palette its sense of creativity and balance.

The five colors

• Ivory (#FAF2FE): a clean, paper-quiet neutral.
• Magenta Rose (#B25372): A full-bodied, balanced red — the color of embers at dusk.
• Pine (#006B4F): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2B407A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#2E2331): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Balance. Tagged jewel, vibrant, 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

• Rust Parlor color palette (#FDF0FD, #AA5257, #585F00, #004E61, #2F2538)
• Frosted Pine color palette (#FCF1FA, #C76963, #107824, #2F457A, #402E53)
• Bronze Alley color palette (#FFF1F5, #AD6C0E, #006A58, #3A377F, #3A2732)
• Pale Plum color palette (#FEEEE9, #C1435E, #785D00, #43346E, #1C0A0C)
• Antique Bronze color palette (#E5FCEA, #CD806F, #806600, #364C7B, #4E3441)
• Aged Bronze color palette (#F9F3F7, #E3D8D6, #B0C9C6, #9D6351, #4D454A)
• Worn Rose color palette (#FEF0FF, #DE5F76, #937700, #65558D, #2D2537)
• Feathered Navy Hollow color palette (#FFECF3, #7F4A00, #005434, #180089, #330B00)

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