Tempered Cocoa Pier color palette — #E9F9F5 · #B3D9FF · #E6C088 · #84ADD5 · #6A4400

Built around Bronze, softened by Sand — the whole palette hums with trust and stability.

The five colors

• Ivory (#E9F9F5): a clean, paper-quiet neutral.
• Powder Blue (#B3D9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sand (#E6C088): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Blue Fog (#84ADD5): A luminous, dusty blue — the color of open sky before noon.
• Bronze (#6A4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

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

• Ancient Azure Grove color palette (#EDF7FF, #D1DAF8, #E6C78E, #6AA1C8, #334E38)
• Timeworn Workshop color palette (#EBFAED, #6AEBF4, #F8B2AB, #5BB9C0, #534B48)
• Stone Loft color palette (#FEF0FF, #9ECBFF, #E6B27D, #A0AF7C, #4A3E4B)
• Tempered Stone color palette (#E8FAF5, #E0D4DA, #A1CDC9, #A3AE9F, #564852)
• Pale Delta color palette (#FFF0FD, #A8C5FF, #C2CC22, #5787F0, #3B3E00)
• Dusty Lantern color palette (#F9F5E8, #CDE2B7, #BAB98B, #9F8F79, #444E00)
• Weathered Orchard color palette (#EEF6FF, #98C9FF, #DC9BB9, #6490C0, #554661)
• Sunlit Mint Meadow color palette (#FFF1F5, #E0B9FF, #7AD597, #B28DCE, #244C32)

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