Teal Loft color palette — #FBF0E1 · #7DBB9D · #498388 · #6A4264 · #25301F

A conversation between Mint Leaf and Charcoal Brown, giving this palette its sense of trust and stability.

The five colors

• Cream (#FBF0E1): A whisper-light, dusty gold — the color of honey in a jar.
• Mint Leaf (#7DBB9D): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#498388): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#6A4264): A full-bodied, dusty pink — the color of neon signs at night.
• Deep Forest (#25301F): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Aged Grove color palette (#FEF0FD, #99B085, #44828B, #864145, #2D4E4E)
• Wandering Turquoise color palette (#FDF0DD, #51A8CD, #57699B, #6D3421, #002A21)
• Wandering Pewter color palette (#EDF9EF, #99CBB2, #56A0A6, #8C5C84, #2D4E52)
• Hushed Cypress color palette (#F5F1EA, #C4E6E2, #75A4BB, #3C7673, #213C35)
• Patina Garnet Thicket color palette (#FFF0D8, #00A79A, #006C89, #730042, #002123)
• Weathered Lagoon color palette (#E7F1E3, #3A9388, #314035, #192116, #0B0D09)
• Fern Balcony color palette (#F2F3E6, #BEC8AB, #768A6A, #64661B, #2A3700)
• Antique Abyss color palette (#FFF2EF, #C3E9BD, #69AEC0, #94626B, #2E4804)

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