Teal Coast color palette — #FCF3EC · #C6EBFF · #8CB7FF · #00A799 · #3F366C
Built around Turquoise, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#FCF3EC): a clean, paper-quiet neutral.
- Frost (#C6EBFF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#8CB7FF): A luminous, balanced violet — the color of wild irises.
- Turquoise (#00A799): A luminous, balanced teal — the color of shallow lagoons.
- Navy (#3F366C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Teal Coast 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
- Sunlit Veranda color palette (#FFF2ED, #AEF2FA, #4BC4FE, #00AC6A, #243E70)
- Aged Ridge color palette (#FFF4E2, #DBD8E4, #65B4FF, #008595, #233457)
- Softworn Cornflower Villa color palette (#DBEDEA, #00D4F1, #00B2E9, #0681F1, #333672)
- Patina Parlor color palette (#FBF3F1, #C2E1E4, #85D4EC, #88AE85, #33514A)
- Mint Delta color palette (#E0FDF0, #E5DFF2, #FFC2E9, #24CBB5, #52354F)
- Muted Cobalt Loft color palette (#FFECF4, #A6D7F4, #4F84C8, #006264, #1C1D50)
- Azure Boulevard color palette (#F0E1DB, #78D0DB, #009ED9, #008251, #091C46)
- Sunlit Mustard Hollow color palette (#E2FDEC, #44D9FC, #EBA900, #00A8C8, #4E3600)
Browse the whole catalog at Explore, or see today's palette.