Tempered Cocoa Field color palette — #FFF0F9 · #60CDB2 · #2B88B2 · #863400 · #002828

A conversation between Rust and Aqua, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Aqua (#60CDB2): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#2B88B2): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#863400): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#002828): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, cool.

Use it as a design system

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

• Softworn Mulberry color palette (#FFF0FA, #8DC983, #009095, #941532, #00291A)
• Powdered Balcony color palette (#E1FDEB, #50CCD0, #427ECF, #674C00, #002536)
• Indigo Grove color palette (#E8F9F7, #73BA76, #626DC3, #783100, #102100)
• Antique Azure Dune color palette (#FFF1F5, #88DDDC, #5E95D4, #885712, #0A3748)
• Lagoon Orchard color palette (#FFEADF, #009C87, #00618C, #6D2515, #1E3722)
• Ancient Parlor color palette (#EDF2D9, #3AD0DF, #00A6D5, #7E62B2, #1B3726)
• Lagoon Ridge color palette (#FFE6F1, #009F93, #00598C, #451F00, #000506)
• Worn Garden color palette (#EFF8F0, #D4D3A3, #719757, #2A7165, #053021)

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