Cocoa Harbor color palette — #DFE3C7 · #6BBE98 · #0096A5 · #904B4D · #672400

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

The five colors

• Celadon Mist (#DFE3C7): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#6BBE98): A luminous, balanced teal — the color of sea glass.
• Cerulean (#0096A5): A luminous, balanced blue — the color of deep harbor water.
• Burnt Sienna (#904B4D): A full-bodied, balanced red — the color of embers at dusk.
• Rust (#672400): A deep, shadowed, balanced orange — the color of toasted spice.

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

Use it as a design system

One click turns Cocoa 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 Mulberry color palette (#E6DEC5, #98B886, #4B9384, #8A4665, #5C2839)
• Ancient Turquoise color palette (#D6E4DB, #4EC1CA, #5389BD, #804D2F, #5B3014)
• Hazy Turquoise color palette (#EAFECD, #86E0B8, #00ABC2, #834343, #50201A)
• Azure Field color palette (#C8EFF0, #5A99C5, #6B6791, #56431B, #342400)
• Basalt Loft color palette (#DEFDF6, #BFDFE2, #95AAB7, #957F8E, #604A5A)
• Wandering Pine color palette (#D1F5E4, #8ABB74, #008D61, #615E00, #173702)
• Aged Basin color palette (#C0EEFB, #00B5B6, #F14252, #007879, #5C0011)
• Muted Crimson color palette (#C6F4F7, #009FA7, #EC0251, #C92509, #002A2D)

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