Airy Harbor color palette — #CFE4D9 · #008BB3 · #4D7900 · #005169 · #1B3000

Olive and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#CFE4D9): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#008BB3): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#4D7900): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005169): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#1B3000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

One click turns Airy 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

• Softworn Bronze color palette (#D2E4D2, #009192, #7A6B00, #005455, #302900)
• Muted Olive Workshop color palette (#E1F4EC, #5196BF, #468B3C, #005D86, #0E4107)
• Faded Loft color palette (#D1EBDE, #008CB5, #965B00, #004E67, #1D0E00)
• Dusty Balcony color palette (#D7F3E7, #0074A3, #713FAA, #005B46, #002234)
• Weathered Quarry color palette (#FFD7ED, #7F68F7, #00817B, #5100CA, #003633)
• Byzantium Summit color palette (#CFE4D7, #008EA7, #8B48A7, #005262, #3D0F4E)
• Softworn Grape Atelier color palette (#FFF1F4, #B378CC, #008DAA, #8B00B2, #004251)
• Weathered Chestnut color palette (#EEE2CB, #90895B, #675300, #483300, #262600)

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