Weathered Loft color palette — #F7F6E4 · #89DCB3 · #00BEAD · #5E84B4 · #3B3E38

Turquoise and Lagoon set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Lagoon (#89DCB3): A whisper-light, balanced teal — the color of sea glass.
• Turquoise (#00BEAD): A luminous, balanced teal — the color of sea glass.
• Slate Blue (#5E84B4): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#3B3E38): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Balance. Tagged retro, muted, 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

• Wandering Turquoise Lagoon color palette (#F5F8E2, #6CDCDC, #06B7D9, #8077BD, #2D4332)
• Muted Seafoam Archive color palette (#FFF0F8, #9FDF97, #45A2A7, #82516D, #193738)
• Pale Villa color palette (#FBF5E2, #C5D077, #79B85E, #0092A3, #3E3D36)
• Muted Quarry color palette (#D2EFC2, #00CCB6, #00A1AC, #5159D6, #00302E)
• Antique Teal color palette (#F6F6E9, #BAE1B9, #80BC93, #92936F, #424700)
• Weathered Hollow color palette (#DFE8D7, #07C69F, #62775D, #434D3B, #171913)
• Hushed Powder color palette (#ECFAE7, #BFE1C2, #86C2D5, #A7899B, #644C56)
• Feathered Summit color palette (#F0FBD0, #27D5FB, #00A8F4, #9958C1, #003C4E)

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