Weathered Loft color palette — #D7E3D9 · #00CF8C · #00B187 · #008067 · #00372F

Clover and Jade set the tone — five colors that lean into calm and balance.

The five colors

• Bone (#D7E3D9): a clean, paper-quiet neutral.
• Clover (#00CF8C): A luminous, vivid teal — the color of sea glass.
• Jade (#00B187): A luminous, balanced teal — the color of glacier melt.
• Teal (#008067): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#00372F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Calm, Balance. Tagged cool.

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

• Dusty Clover color palette (#DDECD4, #5BC847, #00AE42, #00834A, #004029)
• Frosted Courtyard color palette (#DAEFEB, #00CAC6, #00ABB2, #00808A, #003B45)
• Seafoam Field color palette (#94FFF5, #00E2D8, #00B0A8, #007C75, #001D1B)
• Quiet Emerald color palette (#DBEDDF, #009E65, #006F50, #00493B, #00241E)
• Misty Clover color palette (#DFFFA3, #00D24D, #009471, #00665A, #002529)
• Gentle Workshop color palette (#D4F6EE, #00BFA9, #26A1FC, #8B9600, #002B25)
• Quiet Lagoon color palette (#EDFBDB, #A4E2CD, #64CAB5, #1EA296, #395438)
• Feathered Navy color palette (#D8ECCC, #00D3AF, #8A9FFF, #009F84, #1C187A)

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