Teal Coast color palette — #F9F3F8 · #D4D5E8 · #9BCFE9 · #7BB18C · #41546C
A conversation between Jade and Sky, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F3F8): a clean, paper-quiet neutral.
- Silver (#D4D5E8): A whisper-light, dusty violet — the color of wild irises.
- Sky (#9BCFE9): A whisper-light, dusty blue — the color of open sky before noon.
- Jade (#7BB18C): A luminous, dusty teal — the color of sea glass.
- Peacock (#41546C): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged coastal, cool, light, muted.
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
- Washed Powder Parlor color palette (#F5F3FF, #E8D7DF, #B0B8E9, #B0B4A7, #534959)
- Washed Lagoon Terrace color palette (#F8F5EF, #CCE5DF, #93BDA3, #4F9584, #2D5344)
- Airy Teal Hollow color palette (#FCF2F7, #BDEDFF, #7BBBFF, #00A88C, #363774)
- Teal Coast color palette (#F9F2FF, #EDB4CD, #ABC992, #64B891, #483D51)
- Worn Hollow color palette (#F9F0EC, #C1EFE5, #7BA894, #64732E, #40303F)
- Hazy Coast color palette (#F5E8F0, #76BCD0, #0088DC, #006F57, #0B0640)
- Weathered Market color palette (#F6F3FF, #EFC5E9, #ABD59E, #D987CF, #215850)
- Wandering Taupe color palette (#FEF1F9, #F0CFD9, #CCAAC0, #B5828C, #364E40)
Browse the whole catalog at Explore, or see today's palette.