Tempered Onyx Loft color palette — #FBD5DF · #A4744C · #405A20 · #45092E · #0A0003

Deep Indigo and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FBD5DF): A whisper-light, dusty red — the color of late-summer berries.
• Mocha (#A4744C): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#405A20): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#45092E): A deep, shadowed, balanced rose — the color of strawberry cream.
• Ink (#0A0003): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged vintage, retro, muted, warm.

Use it as a design system

One click turns Tempered Onyx 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

• Onyx Courtyard color palette (#F5DAE1, #A8697F, #5B411A, #29194A, #030005)
• Muted Garnet Thicket color palette (#EFE3CF, #949065, #006958, #5E2114, #140A00)
• Onyx Market color palette (#E6E2CF, #4C8A62, #004642, #360026, #000200)
• Ancient Chestnut color palette (#EEDFD6, #746700, #004837, #191A37, #12031C)
• Linen Pine Field color palette (#F1E8D4, #848F3F, #2F7542, #30447B, #160A2C)
• Hushed Bronze color palette (#F9E4CF, #7E6800, #344B00, #012103, #000201)
• Hushed Drift color palette (#E6F4E8, #479A52, #00511D, #10171C, #000C01)
• Washed Garnet Coast color palette (#FCEACE, #C5AA73, #727F55, #6A294E, #250E00)

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