Cocoa Basin color palette — #EEE2D2 · #9DB680 · #289DA4 · #823600 · #0B0F00

Rust takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#EEE2D2): A whisper-light, dusty gold — the color of old brass.
• Sage (#9DB680): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#289DA4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Rust (#823600): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#0B0F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged pastel, light, muted.

Use it as a design system

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

• Timeworn Cerulean color palette (#F8EED0, #65A783, #008CA1, #5D3600, #030700)
• Pale Studio color palette (#F5DFD3, #BEA84E, #2CA972, #82253D, #140A00)
• Emerald Station color palette (#EEE4CF, #ACBB7E, #35A868, #704700, #272A00)
• Aged Terracotta color palette (#D4EBD9, #A5C995, #00BABB, #9F3E00, #292800)
• Timeworn Parlor color palette (#DDFFE9, #CEEB9B, #6DC88E, #8A5C00, #181800)
• Misty Turquoise color palette (#F0F8C4, #8CE3BE, #30B7E1, #855600, #002709)
• Weathered Harbor color palette (#E5F3DD, #2D958E, #036EA7, #332C00, #000402)
• Olive Station color palette (#ECE2D1, #707832, #564000, #3A1700, #000800)

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