Weathered Teal color palette — #F8F6E2 · #A1DAB0 · #56B3A0 · #9C797F · #34362F

Built around Turquoise, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Cream (#F8F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#A1DAB0): A whisper-light, balanced teal — the color of shallow lagoons.
• Turquoise (#56B3A0): A luminous, balanced teal — the color of shallow lagoons.
• Mocha (#9C797F): A luminous, dusty red — the color of a theater curtain.
• Espresso (#34362F): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Weathered Teal 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 Honey Meadow color palette (#FFF3E4, #D4CD80, #8EAB70, #9A778E, #38352E)
• Airy Study color palette (#E5E7CB, #77CEAC, #00A6A3, #96637D, #212E0D)
• Peony Pier color palette (#FFE9E5, #FF9DB8, #39CAAC, #D5698A, #003F34)
• Dusty Lagoon color palette (#DFFCFB, #6FC9A5, #22947D, #49677C, #1E3B3C)
• Powder Corridor color palette (#FBF4ED, #BAEDD9, #82B4F7, #4A9A9D, #32375C)
• Feathered Workshop color palette (#FAE9C8, #B0CF58, #12B54B, #866EA3, #283300)
• Muted Fern Summit color palette (#FAF5E7, #E0E1BA, #AEBC96, #AA9399, #525000)
• Patina Cocoa Courtyard color palette (#FFF2EF, #EAD7C6, #C8D09A, #B78EBB, #6D3017)

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