Airy Cocoa color palette — #B0FFF5 · #6DB6C8 · #5182B0 · #7C4E57 · #763726
A conversation between Rust and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Sea Foam (#B0FFF5): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#6DB6C8): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#5182B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Coffee (#7C4E57): A full-bodied, dusty red — the color of late-summer berries.
- Rust (#763726): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Trust, Stability, 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
- Cocoa Courtyard color palette (#B4F2FF, #8DBAE0, #7574AA, #834734, #6B4200)
- Cocoa Harbor color palette (#BEF8DF, #77B9BA, #618E7C, #7A4961, #753636)
- Worn Cocoa Dune color palette (#CAECD0, #82AA9C, #6E779F, #7C3E22, #3E3C35)
- Sunlit Cerulean Cabin color palette (#E8E1AC, #82BF9F, #2789AC, #6E4D00, #373000)
- Soft Sky Summit color palette (#B3F5EC, #85DEF0, #75B5F9, #B5727F, #673A2E)
- Faded Cabin color palette (#CBF7E1, #9EC69D, #36A8B7, #925E21, #545000)
- Pewter Corridor color palette (#E1EFFF, #9196CE, #855B9C, #694100, #413F00)
- Azure Harbor color palette (#E1FDF1, #29B0E9, #A95700, #006589, #5B2C00)
Browse the whole catalog at Explore, or see today's palette.