Teal Garden color palette — #F1F7F2 · #D2DEF3 · #85C7E9 · #22ADA8 · #284B69

Turquoise takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Powder Blue (#D2DEF3): A whisper-light, dusty violet — the color of wild irises.
• Sky (#85C7E9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Turquoise (#22ADA8): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#284B69): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Patina Powder color palette (#FAF4F0, #BDE7F4, #77C3FF, #329676, #4F3649)
• Petrol Summit color palette (#E7F1E9, #6CADB1, #008298, #005F4E, #000B12)
• Linen Periwinkle color palette (#ECF9EE, #B3E0FF, #67AEFF, #0094AA, #192A70)
• Linen Dune color palette (#D7E5DA, #83B9D0, #008BD1, #006C72, #001231)
• Cerulean Parlor color palette (#F7F1E7, #ACE7F7, #5B96B3, #246B67, #07342B)
• Powdered Turquoise color palette (#F9F2FF, #ECA5CA, #BEBA49, #1FB5E5, #3E3249)
• Mallow Courtyard color palette (#F9F2FF, #EAD5DD, #ABC9D9, #D1A1DC, #57465C)
• Soft Peony Archive color palette (#F7F2FF, #F2B7DD, #7AD3A7, #E070BF, #134E36)

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