Weathered Loft color palette — #F4F7EA · #77C28B · #465E1D · #2A2D20 · #0F100A

Mint Leaf and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Mint Leaf (#77C28B): A luminous, balanced teal — the color of shallow lagoons.
• Olive (#465E1D): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2A2D20): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0F100A): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Mint Courtyard color palette (#F0F4E4, #7ECC8C, #71816D, #54564C, #23221B)
• Patina Turquoise Archive color palette (#E8FBEF, #00B0D1, #284F40, #14221A, #030604)
• Softworn Lagoon Studio color palette (#DEF2F0, #559363, #274043, #142120, #060E0C)
• Weathered Powder color palette (#E9FBEB, #7ADEE5, #9DB9FF, #8CAE7B, #2C3D2F)
• Nocturne Cypress Corridor color palette (#DEF1E2, #006C77, #2D3038, #00151D, #000102)
• Driftwood Summit color palette (#F7F5ED, #BFE2D1, #9CB98C, #97863D, #4F4700)
• Wandering Harbor color palette (#D5F7EB, #0086C6, #002A57, #20252C, #000A06)
• Aged Teal Terrace color palette (#EDF9ED, #AAF6F4, #CBC3FF, #4EABAA, #583C4B)

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