Washed Cocoa Basin color palette — #C4F2F5 · #5C9296 · #306F7E · #5F4000 · #021800

Built around Bronze, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Frost (#C4F2F5): A whisper-light, dusty blue — the color of deep harbor water.
• Storm Blue (#5C9296): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#306F7E): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#5F4000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#021800): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Washed 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

• Cocoa Orchard color palette (#C7E7DA, #659482, #00785F, #7B2A09, #130F00)
• Tempered Grove color palette (#E3F2E7, #34919B, #56629A, #2B5400, #001407)
• Garnet Grove color palette (#C5E7F0, #587DA0, #4B4E8D, #5B1600, #201200)
• Antique Lantern color palette (#D1F4FB, #7A90C3, #9B578D, #006054, #001E19)
• Petrol Station color palette (#F1E8F0, #6DADB1, #007FA8, #006133, #00081E)
• Hushed Pine Parlor color palette (#E2F4E5, #819051, #00753F, #005160, #050700)
• Softworn Lantern color palette (#CDF3F5, #74ADBA, #797EC2, #37732B, #003235)
• Dusty Garden color palette (#D1EFF3, #A2BCFF, #C97DC2, #009494, #004449)

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