Teal Garden color palette — #F9F3F8 · #D5D4E2 · #9ED3F8 · #56A481 · #404E65

Built around Jade, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#D5D4E2): a clean, paper-quiet neutral.
• Sky (#9ED3F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Jade (#56A481): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#404E65): A full-bodied, dusty violet — the color of twilight just after sunset.

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

• Hushed Ash Quarry color palette (#EDF4EE, #CFDFF4, #6DA5BB, #47737B, #263847)
• Tempered Lagoon color palette (#FCF3EF, #C7EDE7, #759FBA, #627836, #604B5D)
• Ancient Bloom color palette (#F7F3FF, #EDB9DE, #78D0A9, #61B691, #3C3449)
• Worn Periwinkle color palette (#FDF1F7, #D6D4E1, #7DAFFF, #00897D, #352867)
• Worn Denim color palette (#E8DFE4, #6CADC2, #005696, #002C23, #01000A)
• Worn Coast color palette (#F8F3F9, #D2D5E6, #35B7DA, #37813A, #043054)
• Cobalt Balcony color palette (#FCF1FB, #95D9E0, #0085B4, #005530, #00092A)
• Muted Boulevard color palette (#FEF1F9, #EDD4D0, #C8A1BA, #8A6F91, #334439)

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