Teal Garden color palette — #FFF0FB · #ABF2FF · #61C3F2 · #00A98A · #1B416C
A conversation between Turquoise and Sky, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Sea Foam (#ABF2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#61C3F2): A luminous, balanced blue — the color of deep harbor water.
- Turquoise (#00A98A): A luminous, balanced teal — the color of glacier melt.
- Navy (#1B416C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Misty Powder color palette (#FFF1F6, #CCE9FF, #8FB6FF, #00A4B1, #3B3671)
- Quiet Station color palette (#F5EBF1, #9DDFF4, #60ACE4, #009285, #172B57)
- Ash Villa color palette (#FAF3F7, #D8D4E3, #B9BDE2, #74AFAA, #46536A)
- Hushed Cerulean color palette (#FFEEE6, #8EDFED, #008EBF, #006451, #00254B)
- Patina Field color palette (#F7E5EC, #7CA7C3, #4573BD, #005C62, #08002A)
- Muted Lime Field color palette (#D5FFFB, #AEE7FD, #B1C3F1, #A2BD62, #0E5343)
- Softworn Courtyard color palette (#D9FFF0, #36F1C3, #00C39D, #009272, #002C1E)
- Iris Garden color palette (#E7DADE, #9BC6E7, #6D90D9, #007B86, #1E114D)
Browse the whole catalog at Explore, or see today's palette.