Dusty Harbor color palette — #B0F4F0 · #007874 · #3C40C8 · #403F00 · #002524

Cobalt and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Sea Foam (#B0F4F0): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#007874): A full-bodied, balanced teal — the color of sea glass.
• Cobalt (#3C40C8): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#403F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#002524): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Calm, Energy, Balance. Tagged vibrant, cool.

Use it as a design system

One click turns Dusty Harbor 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

• Nightshade Orchard color palette (#CFF2FF, #00676D, #3E00C2, #233000, #001912)
• Grape Orchard color palette (#BCEEFF, #00748E, #7720B3, #114A01, #00242E)
• Muted Pine color palette (#B8F1F0, #007C4A, #005F8B, #533600, #002714)
• Aubergine Summit color palette (#D7EAFF, #0071BF, #5F00B2, #5E0040, #002A2B)
• Misty Terrace color palette (#B2F7CE, #0087BB, #004FA3, #5F0060, #002C47)
• Washed Cerulean color palette (#E0F6FF, #00A1AE, #005A89, #005158, #001324)
• Antique Cornflower color palette (#F0F5FF, #5978E3, #9A5977, #006059, #293344)
• Denim Archive color palette (#ECF7FD, #B8D7ED, #90AAC2, #00657C, #25353F)

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