Cobalt Bloom color palette — #EFF6FF · #99AFDF · #AE9659 · #5370B2 · #34563F

Slate and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Mauve (#99AFDF): A luminous, dusty violet — the color of a velvet chair.
• Moss (#AE9659): A luminous, balanced gold — the color of honey in a jar.
• Slate (#5370B2): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#34563F): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

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

• Cobalt Loft color palette (#EEF6FF, #93B2DB, #BE8D60, #3974BA, #663F4F)
• Violet Dune color palette (#F5F4FE, #B0AAD2, #87A46A, #9357A1, #26574D)
• Timeworn Mustard color palette (#F0F6FF, #AFC3F5, #D3AB59, #718AC8, #3A553F)
• Weathered Pier color palette (#F1F5FF, #8A93CC, #9F8742, #677935, #3A4255)
• Patina Courtyard color palette (#EFF6FF, #DFD8E2, #BBACA0, #5196A8, #4B4E60)
• Weathered Basin color palette (#FFF0F7, #A9BFAC, #9A7386, #7E4E4F, #354E43)
• Quiet Lantern color palette (#F1F5FF, #9097FC, #748A00, #4200D5, #354000)
• Worn Navy color palette (#F1F5FF, #B4C4EC, #7E7CB4, #4B4387, #333457)

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