Teal Loft color palette — #FAF5E9 · #D7D8B1 · #75BDA2 · #AD8580 · #474500
A conversation between Mint Leaf and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF5E9): a clean, paper-quiet neutral.
- Wheat (#D7D8B1): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#75BDA2): A luminous, balanced teal — the color of sea glass.
- Caramel (#AD8580): A luminous, dusty orange — the color of toasted spice.
- Deep Olive (#474500): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.
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
- Ancient Lichen Villa color palette (#F6F7E6, #BBF6CD, #74AB99, #856E7F, #333E00)
- Powdered Jade color palette (#FFF4E0, #BBDC88, #00C382, #9A79B0, #3B3B34)
- Weathered Coast color palette (#EAE4D7, #9DC891, #02A989, #8A6591, #2A2B05)
- Sunlit Field color palette (#FFF1F1, #FFAFDE, #2AE5D9, #CB70A8, #33492F)
- Muted Lagoon Drift color palette (#EDF8F5, #9FCFCD, #38A488, #63728F, #2D4847)
- Washed Archive color palette (#FAF4EF, #C2E9E9, #94BFFF, #46AB9C, #5C3C4F)
- Worn Sand color palette (#FFF1F1, #F5DD9A, #E2DBD0, #BBA8DB, #5D433E)
- Tempered Archive color palette (#E6F6F0, #8CBFB9, #4A8270, #55516D, #052E2B)
Browse the whole catalog at Explore, or see today's palette.