Teal Quarry color palette — #D0EBED · #30C59F · #557585 · #3A4E4F · #111A18

Jade and Slate set the tone — five colors that lean into sophistication.

The five colors

• Frost (#D0EBED): A whisper-light, dusty blue — the color of deep harbor water.
• Jade (#30C59F): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#557585): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#3A4E4F): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#111A18): quiet, heavy and certain.

Feels like: 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

• Hushed Turquoise color palette (#D7E7F0, #00BDE4, #627087, #3C4C55, #101A1C)
• Wandering Lagoon Orchard color palette (#E0E8DA, #1CA68A, #415242, #283122, #171A11)
• Teal Orchard color palette (#D1E9E8, #00A7A5, #225F86, #003D3D, #000A0A)
• Ash Dune color palette (#EBF9F3, #ABE1DC, #7FB9B0, #729A89, #254A47)
• Aged Teal Grove color palette (#C8F4D0, #75E5D3, #29C0C2, #3796BD, #2F4A69)
• Washed Cypress color palette (#D4EFF4, #007C6F, #00374C, #161C21, #000A08)
• Quiet Aqua color palette (#E8F8FF, #50D2E6, #F09C79, #BE9151, #1B3D4A)
• Turquoise Pier color palette (#E9F8FF, #74DDF5, #F7A4A0, #00B1CD, #633230)

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