Teal Loft color palette — #F4E5CD · #C7C8A3 · #74B4A9 · #997471 · #5E392E
A conversation between Turquoise and Cocoa, giving this palette its sense of sophistication.
The five colors
- Parchment (#F4E5CD): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Pistachio (#C7C8A3): A whisper-light, dusty green — the color of new leaves after rain.
- Turquoise (#74B4A9): A luminous, dusty teal — the color of sea glass.
- Mocha (#997471): A full-bodied, dusty orange — the color of autumn markets.
- Cocoa (#5E392E): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Sophistication. Tagged vintage, 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
- Tempered Atelier color palette (#FBF5DF, #D1DBBA, #98BEA1, #AA8478, #7B411B)
- Muted Market color palette (#FFF3E4, #CDCE97, #7FB062, #9A7F52, #37352F)
- Tempered Azure Coast color palette (#DFEBD8, #58D5C8, #01ADEB, #A56350, #5C2F14)
- Driftwood Ridge color palette (#E2F1CA, #95DEE9, #8EADDD, #B18252, #5D4300)
- Hushed Teal color palette (#F1FAD8, #B4EAD3, #65ABA3, #406E63, #50384C)
- Dusty Iris Boulevard color palette (#CBF5EE, #82C2DC, #8995D0, #94753B, #3A3730)
- Wandering Boulevard color palette (#D3E6DF, #82ACA9, #4B8884, #4A4B6A, #2B1F3D)
- Ancient Petrol color palette (#C5ECEA, #92C8B4, #5C9794, #4C698D, #35415B)
Browse the whole catalog at Explore, or see today's palette.