Airy Cocoa color palette — #A9F3E9 · #7ABBCF · #6080A4 · #814855 · #703113

Built around Rust, softened by Coffee — the whole palette hums with trust and stability.

The five colors

• Sea Foam (#A9F3E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#7ABBCF): A luminous, dusty blue — the color of deep harbor water.
• Slate (#6080A4): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#814855): A full-bodied, dusty red — the color of late-summer berries.
• Rust (#703113): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged vintage, retro, muted, cool.

Use it as a design system

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

• Hushed Terracotta Harbor color palette (#D7F1FF, #8CB2DA, #757AAD, #8A4432, #6A4300)
• Linen Garnet color palette (#C8FDD7, #78ACB6, #468A9C, #774574, #762F3C)
• Weathered Chapel color palette (#C8EDF7, #7EA2BA, #546D8D, #6A3A3A, #4E2A3D)
• Ancient Drift color palette (#B6FCF1, #8AD7E8, #8EB3DC, #A57A73, #703F31)
• Cerulean Terrace color palette (#D5F8EA, #78C3B1, #3B7FA3, #664704, #402C03)
• Washed Coast color palette (#E0F7C3, #8ACEC1, #6D9CC8, #916A2A, #4F4A44)
• Wandering Garnet color palette (#D1E4E8, #6986A4, #565880, #661E00, #3A2500)
• Dusty Bronze Veranda color palette (#ECF7FF, #29B0EA, #AD5300, #00648A, #5E2A00)

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