Garnet Loft color palette — #FFF4E1 · #CBF0C3 · #77B6C9 · #9D6965 · #5E2A27

Cocoa and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Celadon Mist (#CBF0C3): A whisper-light, dusty green — the color of fresh herbs.
• Cyan (#77B6C9): A luminous, dusty blue — the color of deep harbor water.
• Mocha (#9D6965): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#5E2A27): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Garnet 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

• Wandering Cocoa color palette (#E8FFC8, #9BEAE0, #82ADD0, #9E6748, #6A3700)
• Ancient Delta color palette (#FFF2EC, #F0DAB4, #9DAE87, #965E64, #5D3135)
• Airy Lagoon color palette (#C9EEC4, #9ED8C7, #5BB9C8, #9D74A7, #73354B)
• Wandering Quarry color palette (#D3F2D4, #8AB381, #00949C, #7F4538, #583A1A)
• Hushed Teal Balcony color palette (#E2E7D4, #68BEA0, #4B7893, #5F3802, #281400)
• Tempered Workshop color palette (#FFF4DF, #C6E4A9, #38A87E, #7B692F, #2F2F28)
• Ancient Lantern color palette (#EEFAE1, #C8E6E4, #D1B8C5, #93896F, #624C00)
• Patina Delta color palette (#C2F3C4, #84BEAE, #008F9F, #6F4470, #47172C)

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