Quiet Cocoa color palette — #FFE7DF · #009F8A · #0070A0 · #7C2800 · #000E10

Rust takes the lead with Fern close behind in a set that reads as trust and stability at first glance.

The five colors

• Rose Water (#FFE7DF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Fern (#009F8A): A luminous, balanced teal — the color of sea glass.
• Peacock (#0070A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#7C2800): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#000E10): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Quiet 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 Ridge color palette (#FFE6F5, #00A447, #007682, #86003D, #000F09)
• Lapis Archive color palette (#E3F6E3, #009AAD, #2F49F7, #614000, #000D16)
• Chalky Courtyard color palette (#BEE9DC, #2EA7C2, #5073CA, #68471B, #2E1A00)
• Pale Summit color palette (#D6ECEC, #009964, #6A06F9, #693200, #090800)
• Misty Aubergine Studio color palette (#DDEBDE, #00818B, #00526B, #38006C, #000E12)
• Linen Summit color palette (#FFDDC9, #00CAC3, #209BF9, #9C4900, #002F37)
• Olive Archive color palette (#E8F4E9, #9B9E3C, #3A8400, #00645A, #101100)
• Frosted Cornflower color palette (#F0E0E5, #73B7ED, #4476FF, #006B76, #140738)

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