Teal Quarry color palette — #F2F7F1 · #D2DEDD · #BBB7AD · #6CA99D · #4F554C

A conversation between Turquoise and Charcoal Brown, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#D2DEDD): bright and airy, almost weightless.
• Stone (#BBB7AD): a calm mid-gray that lets other colors speak.
• Turquoise (#6CA99D): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4F554C): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Weathered Balcony color palette (#E7EDE6, #97AAA1, #9C7996, #00504D, #040C03)
• Chestnut Veranda color palette (#FCF4EB, #DAD1B5, #85A67E, #6D8470, #5E4B00)
• Ancient Lagoon color palette (#EFF8F0, #C8E0E2, #E4C2D9, #0099A1, #38433A)
• Seafoam Meadow color palette (#FFF2EA, #83D0B5, #6598C3, #93614C, #3C4D3D)
• Timeworn Bronze color palette (#F2F9E3, #B8D8C1, #B59FB0, #A57D3E, #714C00)
• Ancient Turquoise Alley color palette (#EAF5ED, #3FACBF, #674F66, #303B33, #20231E)
• Tempered Thicket color palette (#E5ECE9, #CFBECB, #BF98A4, #006992, #12231D)
• Timeworn Coast color palette (#ECF9F0, #A5F0EF, #9DD2FF, #A6ABE6, #324B40)

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