Teal Bloom color palette — #FAF3F7 · #D3DFF4 · #81C6F6 · #00B09E · #34476A

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

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Frost (#D3DFF4): A whisper-light, dusty violet — the color of wild irises.
• Sky (#81C6F6): A luminous, balanced blue — the color of deep harbor water.
• Turquoise (#00B09E): A luminous, balanced teal — the color of sea glass.
• Navy (#34476A): A deep, shadowed, dusty violet — the color of wild irises.

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

• Softworn Ridge color palette (#F5F6EE, #C5E2DF, #6FAFC8, #008B94, #1F4D65)
• Periwinkle Courtyard color palette (#FFF1F6, #B5E0FF, #7BA9FF, #0096A1, #2E2172)
• Tempered Cornflower color palette (#F0E3EA, #7DB9D5, #0085E5, #006D6B, #080246)
• Stone Quarry color palette (#E2FBFB, #CFDDED, #A4B977, #B4A9B1, #2E5961)
• Petrol Atelier color palette (#EBE1E8, #6EADB2, #0080A2, #006045, #000A17)
• Quiet Jade color palette (#E6FAF9, #9EDCB9, #F69ECB, #00BC7A, #60304A)
• Weathered Orchard color palette (#C8F5E2, #AFD6A0, #64C07E, #009C82, #0F5655)
• Gentle Study color palette (#DEFCFF, #A0EAD2, #54C4AE, #009073, #00382B)

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