Teal Garden color palette — #FAF4F0 · #C6DDE7 · #9DCDF5 · #65B2A9 · #5D4C5A

Turquoise and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C6DDE7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#9DCDF5): A whisper-light, dusty blue — the color of open sky before noon.
• Turquoise (#65B2A9): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#5D4C5A): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, 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

• Wandering Turquoise Veranda color palette (#EBF9F2, #99E0FF, #FFB191, #4BB6E0, #534B47)
• Timeworn Parlor color palette (#EFF7F6, #D5DDEC, #6EBCE2, #48939F, #415566)
• Muted Petrol color palette (#EDF4EE, #D2DDF2, #80A1BA, #447380, #25384C)
• Cornflower Thicket color palette (#F2E4D8, #77B8E4, #2C7AFF, #006C73, #110937)
• Quiet Sky color palette (#FBF3EF, #C4ECCD, #32C2F5, #12A37F, #13443A)
• Azure Meadow color palette (#EBDED7, #83CDE0, #009CE0, #007F6F, #091E40)
• Dusty Lagoon color palette (#FBF4E9, #E6D9B4, #CFB17A, #A98C73, #504900)
• Hushed Powder color palette (#FAF4EF, #C4E0EE, #AAC9F3, #6CAFB1, #5F4C58)

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