Teal Garden color palette — #F8F6E2 · #A4DFB3 · #00BFA5 · #BC706E · #1D442A
A conversation between Turquoise and Caramel, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#A4DFB3): A whisper-light, balanced teal — the color of sea glass.
- Turquoise (#00BFA5): A luminous, balanced teal — the color of sea glass.
- Caramel (#BC706E): A luminous, balanced orange — the color of sun-warmed clay.
- Forest (#1D442A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Weathered Lantern color palette (#FFF4E0, #C6D893, #65BC6D, #B27191, #3C3B34)
- Worn Teal color palette (#FBF4E7, #CEDCAE, #8ABA8E, #9F8E6E, #4C4300)
- Aged Teal Hollow color palette (#E6E6D5, #84CCA9, #00A69E, #A26054, #242D13)
- Jade Summit color palette (#F8F8D8, #AEEBAA, #4BA86C, #796A37, #2E2F28)
- Dusty Fern color palette (#EBECD1, #4B9A79, #00716D, #2E5413, #000804)
- Peony Coast color palette (#DEF4CA, #9DE346, #FA559D, #AD77E7, #263614)
- Mustard Dune color palette (#F7F8DC, #BCF3F9, #A9D6FF, #B5AB3B, #3C4A00)
- Wandering Pine color palette (#D8FBF1, #7BB981, #007F5B, #713D0D, #03290B)
Browse the whole catalog at Explore, or see today's palette.