Tempered Bloom color palette — #FFF1F6 · #BBDFCB · #9AB68C · #9489B0 · #30493C

Sage takes the lead with Heather close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Celadon Mist (#BBDFCB): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9AB68C): A luminous, dusty green — the color of new leaves after rain.
• Heather (#9489B0): A luminous, dusty violet — the color of a velvet chair.
• Forest (#30493C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Tempered Corridor color palette (#EDF8F2, #DCEDBF, #77AF71, #62798E, #283D37)
• Patina Clover color palette (#FFF1F5, #D6D28C, #70BA5F, #8C79CD, #403C00)
• Frosted Wisteria color palette (#F6F3FF, #F0B5E9, #96D087, #D07AC9, #2E4B26)
• Emerald Loft color palette (#DCE9DB, #BCBF7D, #61A364, #736CA6, #2A2B00)
• Lagoon Courtyard color palette (#F8F5EC, #CAC69F, #719D6C, #4A7D6F, #4B4300)
• Timeworn Hollow color palette (#F8F3F8, #CFE2F8, #8BC7E4, #65AA7D, #344964)
• Airy Mint color palette (#F6F3FF, #E8A3DF, #70CB8C, #00B2A2, #3B334B)
• Pine Meadow color palette (#FBF0E2, #B6B87B, #548252, #6A4B52, #2D2714)

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