Weathered Cocoa color palette — #B5F3FC · #7BB4D8 · #7178A2 · #7F443C · #5E3F1F
Coffee and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Sea Foam (#B5F3FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#7BB4D8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#7178A2): A full-bodied, dusty violet — the color of twilight just after sunset.
- Coffee (#7F443C): A full-bodied, balanced orange — the color of sun-warmed clay.
- Cocoa (#5E3F1F): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged vintage, retro, muted, cool.
Use it as a design system
One click turns Weathered 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
- Weathered Periwinkle color palette (#D9EFFF, #94A9E7, #8C7AA2, #735436, #29513B)
- Lichen Courtyard color palette (#B2FFD8, #7EBAB5, #37859F, #7C4766, #664028)
- Timeworn Denim color palette (#D5EBF7, #789DC5, #5D5D92, #5B3A4E, #4E3100)
- Softworn Fern Loft color palette (#D9EAC8, #82B4BC, #4C7DA2, #585717, #223602)
- Driftwood Delta color palette (#A9F0FF, #94D1F8, #A0AEE4, #B57465, #4C4641)
- Timeworn Olive Chapel color palette (#F7F7C9, #87CCC6, #7894CF, #6C7029, #4D5127)
- Ancient Lilac Thicket color palette (#D8DEF4, #B18EDF, #965884, #574A0B, #2C430A)
- Timeworn Loft color palette (#F2F5FF, #C2BED9, #998FA1, #63766D, #2E524E)
Browse the whole catalog at Explore, or see today's palette.