Tempered Bloom color palette — #E4F7F2 · #9EC07C · #B48CB9 · #607C43 · #322D45

Sage and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E4F7F2): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#9EC07C): A luminous, balanced green — the color of a quiet forest floor.
• Dusty Rose (#B48CB9): A luminous, dusty pink — the color of a candy shop window.
• Olive (#607C43): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#322D45): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Timeworn Mustard Corridor color palette (#E7F6EB, #CDB069, #819CD0, #866E33, #223249)
• Muted Ridge color palette (#F5F7E7, #97BC8A, #A98AC1, #538143, #673F4D)
• Softworn Dune color palette (#E3F6F9, #64C7BB, #C6869E, #1B8278, #3A2943)
• Worn Grove color palette (#DEF9F4, #6DB05D, #A07EB1, #906891, #122D29)
• Wandering Driftwood color palette (#FFECF3, #A4C5A9, #9D7586, #694E62, #223029)
• Weathered Pier color palette (#DFF8F3, #C2E2F6, #AFC9ED, #779A84, #273F3F)
• Aged Stone Pier color palette (#E7F5F8, #EAB791, #2B6D6A, #1B363C, #0C1618)
• Seafoam Courtyard color palette (#CFFDF8, #A6DEA5, #649265, #325432, #002220)

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