Teal Bloom color palette — #FAF2F8 · #D0E2FB · #8CC6EA · #64A986 · #384769

A conversation between Jade and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Frost (#D0E2FB): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#8CC6EA): A luminous, dusty blue — the color of deep harbor water.
• Jade (#64A986): A luminous, balanced teal — the color of sea glass.
• Navy (#384769): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Teal Bloom 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

• Frosted Emerald color palette (#FEF0FC, #A1F5FD, #4CC4FB, #32A96B, #1F3E73)
• Wandering Corridor color palette (#FCF2F5, #DAD4E1, #C2BBE5, #76ACB9, #4D5169)
• Lagoon Villa color palette (#FAF4EB, #BFE8E1, #6FAFC7, #388A80, #225244)
• Gentle Aqua Hollow color palette (#EAF8FF, #4FD0F1, #F09C7C, #C28F49, #1B3C4C)
• Soft Pier color palette (#C9F2D3, #80E0CA, #3ABBCF, #1E8DB1, #374B6C)
• Sky Bloom color palette (#ECF7FF, #9EE1FF, #5DBCDF, #258DAA, #00354B)
• Faded Marigold color palette (#E5FAFD, #83DFD2, #F0AE6B, #3FB4A6, #5C3912)
• Cobalt Veranda color palette (#F5E4EE, #6EBDD4, #0088DD, #006F58, #0C0244)

Browse the whole catalog at Explore, or see today's palette.