Teal Quarry color palette — #EFF4E9 · #5EAE87 · #4D5D4E · #2E3F00 · #22221A

Jade takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#EFF4E9): bright and airy, almost weightless.
• Jade (#5EAE87): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#4D5D4E): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Olive (#2E3F00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#22221A): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Teal Quarry 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

• Dusty Taupe color palette (#F3F2E9, #89A766, #4A6121, #393831, #24211A)
• Timeworn Canyon color palette (#E4FAFA, #47C990, #3E5962, #212E2E, #0B110F)
• Softworn Mint color palette (#EEF5E4, #3AD49B, #72816A, #475E1C, #21221E)
• Wandering Lagoon color palette (#D3E6CC, #009B8C, #004E5E, #002E28, #101403)
• Hushed Cerulean color palette (#D6EAE0, #009DCA, #5C4459, #193428, #121B13)
• Patina Basin color palette (#E9FAF0, #79BCD4, #CD8EB1, #CC7A50, #32483C)
• Antique Lagoon Station color palette (#FAF4F0, #D0E4DE, #93BDA2, #5C9573, #2E5346)
• Timeworn Bronze Harbor color palette (#F8F5ED, #D2D3B9, #78A88F, #917B33, #515100)

Browse the whole catalog at Explore, or see today's palette.