Tempered Bloom color palette — #FFF0F9 · #D1ABBF · #A27362 · #71526A · #55414A
Built around Mocha, softened by Graphite — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Rosewood Mist (#D1ABBF): A luminous, dusty rose — the color of a warm blush.
- Mocha (#A27362): A full-bodied, dusty orange — the color of sun-warmed clay.
- Graphite (#71526A): A full-bodied, dusty pink — the color of a candy shop window.
- Cocoa (#55414A): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Tempered Bloom 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 Driftwood Alley color palette (#FFF1F6, #A8C0A5, #A07751, #725362, #3F4C40)
- Cocoa Courtyard color palette (#FFF2EB, #E5C4A5, #B7927E, #8D6C63, #614100)
- Washed Stone Courtyard color palette (#FEF0FA, #F5CDDB, #CDA9C2, #9F88A7, #394D40)
- Ancient Field color palette (#F1F5FF, #858BC2, #AA687E, #815147, #373D4A)
- Misty Iris color palette (#F0F5FF, #B6BCEB, #897BC6, #664D86, #632F51)
- Quiet Ridge color palette (#FFE7F0, #BE9461, #985700, #733600, #203D24)
- Chestnut Field color palette (#D7E8D6, #A38242, #754C00, #512D00, #0D2B19)
- Ancient Alley color palette (#F0F6FC, #9EC4EC, #7773BB, #3570A9, #292D3B)
Browse the whole catalog at Explore, or see today's palette.