Teal Hollow color palette — #F5F7E2 · #67B58B · #00705E · #00444D · #000B04
Jade and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5F7E2): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#67B58B): A luminous, balanced teal — the color of glacier melt.
- Pine (#00705E): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#00444D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000B04): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Teal Hollow 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
- Pine Canyon color palette (#FBF5E3, #93AC72, #00741C, #00473B, #050900)
- Wandering Fern color palette (#EBE0CB, #909354, #3A5800, #003043, #010100)
- Pine Lantern color palette (#E0F1E9, #298F43, #004F46, #002C49, #000B02)
- Cobalt Hollow color palette (#FCF4E7, #AAD8C1, #0082C2, #005155, #000C23)
- Worn Lagoon color palette (#F4F8E3, #8ACBAF, #00897D, #4D4784, #001E13)
- Hushed Onyx color palette (#EFEDD8, #5C875B, #00482F, #00085A, #000200)
- Tempered Emerald color palette (#FFF5DA, #B8CE81, #2D9700, #005E8F, #1A2200)
- Teal Coast color palette (#F6F7E2, #ABEAC0, #00AA8A, #5C669F, #00391D)
Browse the whole catalog at Explore, or see today's palette.