Tempered Cocoa Studio color palette — #FAF2F8 · #7B87BA · #656497 · #6A4400 · #22362D

Built around Bronze, softened by Slate — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Slate Blue (#7B87BA): A luminous, dusty violet — the color of wild irises.
• Slate (#656497): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#6A4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#22362D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Hushed Fern color palette (#FEF1F8, #7B78AC, #83527C, #575600, #41303C)
• Garnet Dune color palette (#EFF8F2, #438B97, #3E6D92, #773130, #253727)
• Fern Drift color palette (#F6F7E5, #96B18D, #5F78A0, #416526, #394D40)
• Hushed Terracotta Delta color palette (#FFF1F6, #8772AA, #9D3A42, #004E39, #3B212C)
• Plum Ridge color palette (#EBF3F9, #499DB9, #A5465E, #644A15, #091C1D)
• Patina Amethyst color palette (#FFF1F7, #794DC3, #672697, #433700, #0F2340)
• Dusty Coast color palette (#E4FEDE, #8BBFD2, #6A85B9, #674797, #662E5A)
• Aged Turquoise Field color palette (#EDF8F3, #49B9D7, #B56A77, #876932, #343730)

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