Teal Workshop color palette — #FFF0F8 · #BEEDFF · #7DBBFF · #16A88D · #393B65
A conversation between Turquoise and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Frost (#BEEDFF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#7DBBFF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Turquoise (#16A88D): A luminous, balanced teal — the color of shallow lagoons.
- Navy (#393B65): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Teal Workshop 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
- Chalky Aqua color palette (#FCF1FD, #83FCF9, #18C9F6, #50A75A, #214263)
- Hazy Periwinkle color palette (#FBE9F0, #A5DCFB, #71A2FF, #059287, #2E284A)
- Chalky Loft color palette (#E8E9FF, #AAAAFF, #7DC200, #7CAD44, #2C2B50)
- Patina Powder color palette (#FCF2F5, #DAD4E1, #B4C5F5, #76ACBA, #4E5167)
- Hazy Azure color palette (#ECDDEB, #5BD5D7, #00A1CC, #337F47, #011F41)
- Sunlit Lilac color palette (#CFE8F5, #A0C4FF, #A090FF, #9361C1, #603055)
- Teal Meadow color palette (#ECDFED, #00B8B3, #00819D, #1E6021, #000A18)
- Hushed Studio color palette (#F8F0EB, #B1DBC6, #1288D8, #00635D, #101D57)
Browse the whole catalog at Explore, or see today's palette.