Teal Loft color palette — #FEF1D3 · #C4DBA8 · #88CD9D · #43A88B · #3B573D
A conversation between Jade and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Custard (#FEF1D3): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Pistachio (#C4DBA8): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#88CD9D): A luminous, balanced teal — the color of glacier melt.
- Jade (#43A88B): A luminous, balanced teal — the color of sea glass.
- Deep Olive (#3B573D): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Softness, Clarity. Tagged light, 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 Lagoon color palette (#EDFBE3, #B9EEDB, #79C9B4, #329D7E, #2F401E)
- Patina Villa color palette (#FFF2EA, #ECCF9F, #BFBC72, #81A45D, #494B44)
- Muted Cerulean color palette (#F4F9D7, #A5E4D1, #62D1D1, #3D9BC0, #2B544B)
- Mint Canyon color palette (#CBF8E0, #9CBE76, #4D9167, #1F6257, #1B3D47)
- Mint Basin color palette (#EBF0E2, #7CDA78, #00BC90, #008C91, #00485A)
- Teal Alley color palette (#F1F8EB, #A2E5D1, #E6B2EC, #34C2A1, #5D4260)
- Fern Basin color palette (#FAF4EB, #E0DABE, #CAB28C, #B18870, #484C00)
- Blush Harbor color palette (#ECFAE7, #89D9CB, #DBABD8, #D889A3, #394734)
Browse the whole catalog at Explore, or see today's palette.