Bondi Blue
Introducing Bondi Blue, #008AA6. This saturated cyan balances perfectly between blue and green, creating a distinct visual punch. Its crisp, aquatic quality gives it a unique presence, making it a standout choice for any designer's toolkit without being overpowering.
What color is Bondi Blue?
Bondi Blue is a captivating shade of cyan, sitting squarely between green and blue on the color wheel. It's a cool-toned color, characterized by its medium-dark value and strong saturation, which gives it a distinct and vivid presence.
With prominent blue and green undertones, Bondi Blue presents as a deep teal. Its appearance is rich and substantial, avoiding the harshness of a pure cyan while maintaining a refreshing quality reminiscent of tropical waters.
What is the meaning behind the color Bondi Blue (#008AA6)?
Psychologically, Bondi Blue is associated with clarity, tranquility, and open communication. It brings to mind the calmness of tropical waters, suggesting depth and stability.
Historically, the color is iconic for its use on the 1998 iMac G3. This application cemented its symbolism as a color of innovation, optimism, and a departure from the ordinary in product design.
How can I effectively use Bondi Blue in my UI design?
Bondi Blue works effectively as both a primary brand color and a striking accent. For a crisp, professional feel, pair #008AA6 with clean whites, soft grays, and charcoal. To create a more energetic composition, consider a split-complementary scheme by introducing warm oranges or sandy yellows for contrast.
While not widely adopted, some brands like the team communication app Twist use a similar teal shade. Its relative rarity in branding presents an opportunity for distinction, allowing a product to carve out a unique visual identity.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Bondi Blue in real UI components from top brands.
Using Bondi Blue color codes
Using Bondi Blue in your digital work is straightforward with its hex code, #008AA6. This universal code is recognized by web browsers and design tools, making it the quickest way to apply the exact shade to your CSS, Figma files, or Adobe Suite projects.
Your project might call for a different color model. While HEX and RGB are standard for screen-based design, print work requires CMYK values which define color through ink combinations. Other models like HSL or LAB offer more intuitive ways to create tints and shades by adjusting lightness or saturation.
We have translated #008AA6 into several popular formats for you. Find the specific codes for your needs below and copy them directly into your workflow.
Analogous
Found next to Bondi Blue on the color wheel, analogous colors produce a unified and soothing palette, lending a sense of calm to any interface.
Complementary
Complementary colors sit opposite each other on the color wheel. Pairing Bondi Blue with its complement produces a vibrant, high-contrast visual effect.
Split Complementary
For Bondi Blue, a split complementary palette takes the two colors on either side of its direct complement, providing strong contrast with less visual tension.
Triadic
Triadic colors form a triangle on the color wheel. When based on Bondi Blue, the resulting combination is bold and offers strong visual contrast.
Tetradic
To create a tetradic palette, Bondi Blue is joined by three other hues, forming a rectangle of two complementary pairs on the color wheel.
Square
A square color scheme uses four colors equidistant on the color wheel. With Bondi Blue as a base, this creates a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Bondi Blue are darker versions made by adding black for depth and weight.
Tints
Tints of Bondi Blue are created by adding white, resulting in lighter, softer variations.
Tones
Tones are created by adding gray to Bondi Blue, resulting in softer, less saturated variations.
Hues
Hues are variations of Bondi Blue, differing in intensity or temperature to create specific moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.


























































































































