Tempered Cocoa Veranda color palette — #FFF2EA · #DEE2CB · #B9B9C3 · #DE999E · #674200

Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Celadon Mist (#DEE2CB): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#B9B9C3): a calm mid-gray that lets other colors speak.
• Rosewood Mist (#DE999E): A luminous, balanced red — the color of late-summer berries.
• Bronze (#674200): A full-bodied, balanced gold — the color of honey in a jar.

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

Use it as a design system

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

• Wandering Sand color palette (#FFF1F6, #CBFCEE, #F0E1A8, #CEA4BA, #40523F)
• Muted Cocoa Coast color palette (#FFF2EC, #F8FBB6, #DFDDCC, #C88E9E, #733C0D)
• Antique Summit color palette (#FFF4E0, #C3F8E1, #BBD9EE, #C19572, #4C4000)
• Cocoa Coast color palette (#D2F5FF, #FFD3AF, #D2C2B9, #593200, #221B15)
• Tempered Driftwood Balcony color palette (#FFF1F7, #C3E9F0, #C3C694, #A67063, #425742)
• Amber Canyon color palette (#FFF2EA, #F5D7B7, #D08B69, #99563F, #35312B)
• Hushed Basin color palette (#FFEBF6, #D7FDE3, #A2D6D2, #AB7288, #243824)
• Frosted Meadow color palette (#FDF3EB, #EF9748, #2B7CD3, #87414B, #211407)

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