Hushed Cocoa color palette — #E8F6ED · #007A8E · #853100 · #003D23 · #000C04

Rust and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E8F6ED): a clean, paper-quiet neutral.
• Teal (#007A8E): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#853100): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#003D23): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000C04): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Pale Terracotta Thicket color palette (#F4E9F4, #467CC7, #9B1C1E, #003F21, #001818)
• Washed Meadow color palette (#E8F6EE, #00829E, #8A004C, #3A3900, #000F06)
• Washed Boulevard color palette (#FEECF8, #5664BB, #724800, #003930, #11030D)
• Ultramarine Study color palette (#FFF0FE, #075BC8, #712360, #003A32, #002215)
• Bronze Terrace color palette (#FAEFEF, #AA6C96, #8C631E, #00534C, #26181D)
• Frosted Hollow color palette (#FFEDED, #C7059D, #615B00, #00444F, #200308)
• Gentle Cornflower Market color palette (#F0F5FF, #587DFF, #9A5E00, #6B4000, #05252A)
• Soft Bloom color palette (#FFE1F0, #7001F3, #604100, #003331, #07001D)

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