Baltic

#279d9f

Clean lighter teal for airy panels, cooler than Baltic-adjacent notes

Save
Share

About Baltic

Baltic hits different because it's actually bright without feeling aggressive. Where Billiard leans into that saturated teal energy and digs deeper for weight, Baltic sits forward, lighter, more direct, the kind of color that reads instantly on screen without needing the room to prove itself.

Use it for interactive moments in fintech dashboards, health apps, and SaaS products where you need something that signals activity without the clinical undertone. Active states, primary buttons, accent strokes, it's got the presence to say "this matters" without the saturation that can make a color feel heavy or locked in place. It works because it's cooler than (which plays it safer) but doesn't sacrifice readability the way washed-out teals do.

One thing: it'll shift noticeably on warmer displays, leaning slightly toward cyan. That's not a bug, it actually keeps the color from feeling cold. Pair it tight with dark charcoal type and test it early against your actual background palette. This is the one you reach for when you need teal to feel alive and quick.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
3.28:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.01:1FailAA Large

On Gray 900 #18181b

Aa
5.41:1AAAAA Large

On Black #000000

Aa
6.41:1AAAAA Large

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#259797
#3c9992
#4b9b93
#4499aa
#0092a3

Create a gradient with Baltic

Open the generator with this color pre-loaded.

Start creating