Teal Quarry color palette — #E8FAF6 · #B7E5F4 · #6FAE89 · #5F7F6C · #213E3C

Jade and Powder Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E8FAF6): a clean, paper-quiet neutral.
• Powder Blue (#B7E5F4): A whisper-light, dusty blue — the color of open sky before noon.
• Jade (#6FAE89): A luminous, balanced teal — the color of sea glass.
• Fern (#5F7F6C): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#213E3C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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 Field color palette (#EDF9F0, #B2EBE7, #A2A35C, #8D6A7D, #2A3E33)
• Antique Workshop color palette (#EAF9F4, #8DB9B9, #398080, #62526F, #284949)
• Wandering Teal color palette (#E2FBFB, #3EBA96, #006F61, #00482B, #000A06)
• Worn Market color palette (#EAF9F7, #A0E1BB, #369E7E, #4A6D4F, #062E2E)
• Clover Courtyard color palette (#D9FFF2, #C6E89B, #79C052, #4A8445, #1A4C49)
• Pale Emerald Grove color palette (#E2FBF9, #A2E8AD, #7AC2FF, #529D61, #1F3B54)
• Chestnut Villa color palette (#F3F3E2, #B0B896, #3E846D, #78480C, #252A15)
• Dusty Basin color palette (#E6FBF4, #A8E6BC, #69BEAE, #A1869E, #284948)

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