Teal Garden color palette — #F2F7EE · #57B196 · #B07653 · #7B692E · #31322B
Built around Jade, softened by Caramel — the whole palette hums with nature and growth.
The five colors
- Ivory (#F2F7EE): bright and airy, almost weightless.
- Jade (#57B196): A luminous, balanced teal — the color of shallow lagoons.
- Caramel (#B07653): A luminous, balanced gold — the color of afternoon light on wheat.
- Walnut (#7B692E): A full-bodied, balanced green — the color of new leaves after rain.
- Espresso (#31322B): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Teal Garden 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
- Washed Garden color palette (#F6F6E8, #87A867, #B9767E, #8B5635, #3A3730)
- Washed Atelier color palette (#EBF9F1, #57A9C3, #95874A, #56744C, #283525)
- Hushed Forest color palette (#DFFEEE, #009CCA, #817A00, #00621F, #002D2D)
- Wisteria Garden color palette (#EDF6FF, #8AC3F3, #D78DC7, #998540, #233941)
- Ancient Ash Canyon color palette (#EFF7F4, #DDD4D3, #A7A59A, #719BA0, #4B5552)
- Cocoa Bloom color palette (#FCF1FB, #6583B4, #865981, #6A4600, #26372A)
- Timeworn Powder color palette (#FBF2FA, #94B0EE, #9C7FAB, #8D5764, #274B36)
- Forest Meadow color palette (#D8F5E2, #00879D, #735F00, #174A00, #041600)
Browse the whole catalog at Explore, or see today's palette.