Airy Cocoa color palette — #DFEAD0 · #3EAD96 · #007C9A · #7D2F25 · #543200

A conversation between Rust and Turquoise, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#DFEAD0): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#3EAD96): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#007C9A): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#7D2F25): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#543200): A deep, shadowed, dusty gold — the color of old brass.

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

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

• Dusty Cocoa Ridge color palette (#DCF0F5, #73A1AB, #4C6E87, #733108, #473800)
• Patina Mulberry color palette (#F0E8D9, #8F9F71, #1F7D69, #7A2469, #5F281F)
• Washed Garden color palette (#BFF4F0, #85BEC6, #4284AB, #8C4624, #574500)
• Denim Workshop color palette (#C9ECE7, #6489A2, #4F4A8C, #433300, #102C08)
• Brick Drift color palette (#C8ECFC, #007CA0, #B81D00, #813D00, #002937)
• Weathered Aqua color palette (#D6F2D7, #00D4CF, #6FA0C9, #AE6353, #5B2A1F)
• Tempered Scarlet Veranda color palette (#C6EBFF, #0094B1, #D2051A, #00586A, #5C0106)
• Fern Boulevard color palette (#D4F3EA, #60A378, #00695D, #364B00, #00381C)

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