Teal Studio color palette — #F9F3F7 · #D3D6E7 · #ADC2E6 · #69B58A · #3B566B
Built around Jade, softened by Sky — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F3F7): bright and airy, almost weightless.
- Silver (#D3D6E7): A whisper-light, dusty violet — the color of twilight just after sunset.
- Sky (#ADC2E6): A luminous, dusty violet — the color of wild irises.
- Jade (#69B58A): A luminous, balanced teal — the color of sea glass.
- Peacock (#3B566B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Teal Studio 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
- Ancient Grove color palette (#EAF8FD, #D6DBE6, #97CBB4, #B9A9A3, #394F5C)
- Lagoon Chapel color palette (#F5F6EF, #CCE4DC, #98BC9C, #409886, #3B5140)
- Aged Delta color palette (#E8F9FD, #9CE4E1, #F6B4AB, #25BFBC, #5E4259)
- Misty Terrace color palette (#FBF2F8, #B7EFFD, #54C2FF, #00A891, #1C3F72)
- Wandering Courtyard color palette (#EFDFEB, #80BBC7, #008EC1, #006F5B, #00132E)
- Olive Harbor color palette (#F8F0EB, #C7E7DD, #6FA6B3, #627330, #203D33)
- Aged Bloom color palette (#EFE1E6, #A4C3E4, #748CE2, #007A8D, #221246)
- Muted Teal color palette (#F9F3F7, #D5D5E6, #A2CDE9, #5BB699, #425468)
Browse the whole catalog at Explore, or see today's palette.