Tempered Cocoa color palette — #D6EEFF · #778DB3 · #675C8A · #5F2D00 · #00210E

A conversation between Cocoa and Slate, giving this palette its sense of nature and growth.

The five colors

• Frost (#D6EEFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#778DB3): A luminous, dusty violet — the color of wild irises.
• Slate (#675C8A): A full-bodied, dusty violet — the color of wild irises.
• Cocoa (#5F2D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#00210E): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Antique Garnet Cabin color palette (#BEE7F3, #6493AB, #566994, #671F28, #2F1200)
• Pewter Grove color palette (#E5F0FF, #7171A8, #6C4673, #432B00, #181700)
• Cocoa Hollow color palette (#CDE2F5, #90A1BF, #837298, #674423, #09301D)
• Plum Veranda color palette (#EBEAFF, #A680BB, #9F4F77, #474200, #0D2D00)
• Denim Corridor color palette (#E8F2D0, #78A187, #5D5D9F, #38501C, #253B1C)
• Shadow Drift color palette (#ECE3F5, #7C476A, #5C1925, #0E1900, #000603)
• Muted Garden color palette (#DBFDFF, #8DCDBB, #6795C4, #5E5E0D, #002D21)
• Washed Lantern color palette (#E3ECE4, #90BACF, #00759C, #004B48, #00172B)

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