Tempered Bloom color palette — #F4F7EC · #BBEDD7 · #71BAEC · #339AB3 · #153D5F

Sky and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Mint (#BBEDD7): A whisper-light, dusty teal — the color of sea glass.
• Sky (#71BAEC): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#339AB3): A luminous, balanced blue — the color of deep harbor water.
• Navy (#153D5F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Dusty Azure color palette (#FDF3EC, #BBDECD, #6899CD, #007C7A, #2F385D)
• Antique Turquoise color palette (#EFF0E2, #9AE2E4, #34B8C7, #009286, #00343E)
• Weathered Drift color palette (#F5F6EE, #C6E4DB, #7ECDD2, #60A899, #2F503A)
• Timeworn Cobalt color palette (#DFE3D6, #6CA8CE, #007AC0, #005A71, #00091A)
• Timeworn Hollow color palette (#EAF4F3, #A8CDE6, #1B84BC, #00596A, #05223B)
• Wandering Veranda color palette (#E0E2CE, #62C1C9, #0093A6, #006D68, #00171E)
• Misty Wisteria Thicket color palette (#FFD9E5, #C892F7, #F17A89, #569DD0, #401F2C)
• Quiet Drift color palette (#D5DEFF, #AAB2FF, #968FED, #7F67BC, #3E2E59)

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