Tempered Bloom color palette — #E0E0C9 · #C67E00 · #4B7E00 · #004F5D · #001404

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

The five colors

• Bone (#E0E0C9): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#C67E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#4B7E00): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#004F5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001404): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged candy, vibrant, 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

• Quiet Canyon color palette (#E5ECDB, #998E00, #008966, #004C6D, #001210)
• Sunlit Alley color palette (#F2E0BF, #E45B00, #7E6600, #005C55, #070F00)
• Airy Olive Field color palette (#D7F6F0, #9A8900, #3F8500, #005A4D, #000200)
• Patina Olive color palette (#F1E5D8, #69822F, #005054, #520E22, #310A00)
• Hushed Courtyard color palette (#E9DCCD, #6C7200, #004414, #311E00, #101100)
• Faded Ultramarine Grove color palette (#DEE8D4, #7F9900, #007E69, #0032C6, #000D0F)
• Antique Pine Terrace color palette (#E5EACC, #007D2A, #004C33, #002627, #040E1D)
• Ancient Clover color palette (#CBEAE3, #E0A300, #58B900, #009495, #000C02)

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