Softworn Cocoa color palette — #FDF0FF · #91B3D9 · #B8906B · #4A76A4 · #6E4100

Bronze and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FDF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#91B3D9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Caramel (#B8906B): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#4A76A4): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#6E4100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Weathered Cobalt Coast color palette (#F7EFF6, #99B5DF, #C68F5D, #4871B2, #35302B)
• Antique Turquoise Meadow color palette (#EBFAED, #6AC0C7, #C6857F, #2A8087, #534B48)
• Weathered Chapel color palette (#FFF1F6, #B6A6D9, #979F61, #7A65A3, #4F4D46)
• Softworn Azure color palette (#EEF6FE, #A2C9ED, #D0AA73, #3F92D6, #385639)
• Patina Lagoon color palette (#FDF0FE, #E8D6D8, #AAAFA1, #629080, #5F4C5A)
• Ancient Periwinkle color palette (#FFF0FE, #7799CC, #B27778, #618156, #4C3C4C)
• Bronze Ridge color palette (#FBF5E3, #BCB99E, #937F37, #78570A, #4A4C00)
• Misty Ultramarine color palette (#FFF0FB, #7187FF, #957D00, #3E49C4, #463A00)

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