Softworn Cobalt Bloom color palette — #FFF2ED · #97DCE4 · #008ABE · #006A41 · #253E6F

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Ice Blue (#97DCE4): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008ABE): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006A41): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#253E6F): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Aged Navy Cabin color palette (#FFF2EC, #74C6D5, #0076AC, #00593C, #182A70)
• Ancient Cerulean Bloom color palette (#EBF5ED, #A6D9EC, #0091B1, #006357, #00293D)
• Indigo Corridor color palette (#FFF3E5, #A5D4FD, #6777CF, #006669, #4A316A)
• Pale Turquoise Lagoon color palette (#FCF4E8, #A7E8F0, #16ACD1, #008475, #004564)
• Aged Cypress color palette (#FBF3EF, #C8EAE8, #7D9CC0, #3A7C6D, #614B59)
• Cerulean Garden color palette (#F4DFD9, #3C9FA8, #00516E, #00321A, #001037)
• Hushed Navy Harbor color palette (#F2E3D6, #4789AA, #0B3683, #00231F, #0B0026)
• Olive Hollow color palette (#F5F9D5, #AFF3EE, #7DBAF9, #7C7000, #005244)

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