Weathered Ember color palette — #FFF2EB · #EE5B08 · #5F8500 · #006661 · #2B1636

Built around Pumpkin, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Pumpkin (#EE5B08): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#5F8500): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#006661): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#2B1636): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Weathered Ember 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

• Dusty Alley color palette (#FFF3E6, #BF7400, #728000, #005B70, #39162C)
• Misty Archive color palette (#FFF2EF, #DF4E7E, #947100, #006C44, #201B44)
• Blush Corridor color palette (#FCF0FF, #FF5687, #428300, #005B8C, #16061C)
• Quiet Nightshade Chapel color palette (#FFF3E9, #DC7000, #008773, #4D3FAE, #371600)
• Frosted Coral color palette (#FFF2ED, #EE6D70, #008E54, #005798, #0F2673)
• Soft Thicket color palette (#FFF2EE, #D85D69, #007F8C, #1B508B, #2E1324)
• Bronze Boulevard color palette (#FBEAD6, #AB7000, #4D6100, #004559, #260315)
• Blush Station color palette (#FFF4DE, #F67C8F, #AD6D00, #005E9C, #54261C)

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