Cobalt Bloom color palette — #FBF2F7 · #A3D7EB · #2D82D4 · #006856 · #363578

Built around Azure, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Powder Blue (#A3D7EB): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#2D82D4): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006856): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#363578): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Cobalt 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

• Pine Harbor color palette (#F9F3F8, #C5E2EE, #4C93BC, #07744C, #384769)
• Worn Sapphire Cabin color palette (#FFF0F7, #80C2E0, #196AD1, #00574C, #321A7A)
• Cobalt Alley color palette (#FAF1E2, #9DDAF2, #008CCB, #006165, #072546)
• Hushed Onyx Balcony color palette (#F3E2ED, #549BAF, #004C81, #003125, #0D0046)
• Powdered Bronze color palette (#FFE2EE, #BB6700, #007DA6, #3A5A91, #4A2600)
• Hazy Amber color palette (#FFF0F8, #DE7123, #008CB1, #914300, #004154)
• Lagoon Thicket color palette (#F3EAF4, #418F8C, #004454, #002504, #000919)
• Powder Ridge color palette (#FFF2EA, #BDEDFF, #7BBBFF, #21A78C, #37396C)

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