Teal Studio color palette — #F4F7E7 · #6CAB87 · #28725A · #325343 · #343630
Built around Jade, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F7E7): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#6CAB87): A luminous, balanced teal — the color of sea glass.
- Pine (#28725A): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#325343): A full-bodied, dusty teal — the color of sea glass.
- Espresso (#343630): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Teal Studio 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 Lagoon Lagoon color palette (#E2E8CD, #4C9F75, #00644C, #55360A, #242D0C)
- Cypress Workshop color palette (#F3F3E0, #9CA57D, #2A735C, #573C51, #1A1F04)
- Dusty Lagoon Grove color palette (#EAF9F5, #92C29C, #429177, #566187, #143D3B)
- Lagoon Lagoon color palette (#E8F0DB, #008F6F, #005046, #00334A, #002117)
- Antique Cobalt color palette (#F4F6ED, #A2D1BB, #2681B0, #005D6D, #154439)
- Olive Basin color palette (#FBF4E8, #B6B37A, #72793A, #6F514A, #524000)
- Softworn Moss Terrace color palette (#F4EBD0, #8F9C00, #4A6500, #6A2D27, #2D3100)
- Muted Teal color palette (#FCF4E9, #D0CBA6, #6FB188, #AD6D8B, #37362F)
Browse the whole catalog at Explore, or see today's palette.