Tempered Archive color palette — #FFF1F3 · #FFD1DA · #E08BC2 · #A26986 · #5E423F
A conversation between Bubblegum and Mocha, giving this palette its sense of creativity and warmth.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Shell Pink (#FFD1DA): A whisper-light, dusty red — the color of a theater curtain.
- Bubblegum (#E08BC2): A luminous, balanced pink — the color of a candy shop window.
- Mocha (#A26986): A full-bodied, balanced rose — the color of pressed rose petals.
- Cocoa (#5E423F): A full-bodied, dusty orange — the color of toasted spice.
Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged light, muted, warm.
Use it as a design system
One click turns Tempered Archive 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
- Patina Study color palette (#FFF1F6, #FBC4FF, #E8A3CC, #B58290, #664A42)
- Dusty Lilac Garden color palette (#FFF0FA, #E5D6EB, #B09AF3, #816FA4, #5D3E49)
- Antique Study color palette (#FFF2EE, #F4D4C1, #F69384, #A66452, #534B47)
- Driftwood Station color palette (#EDECFF, #D7AED8, #A96E93, #7F495E, #443148)
- Wandering Boulevard color palette (#FFF1F1, #FFD1D4, #9FD2FF, #C87EAD, #284F45)
- Stone Courtyard color palette (#FFF2EF, #E1D8CF, #A9B6B1, #D1A3B9, #5F4D49)
- Marigold Delta color palette (#FFF2EF, #FFB3C3, #E8AE64, #A898CC, #49322D)
- Faded Rose color palette (#FFF1F3, #FFB0B1, #EF4C4C, #9D3829, #4F2617)
Browse the whole catalog at Explore, or see today's palette.