Gentle Ultramarine color palette — #EFF6FF · #859FD3 · #BF7535 · #375FBB · #5E3817

Cobalt and Caramel set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Blue Fog (#859FD3): A luminous, balanced violet — the color of wild irises.
• Caramel (#BF7535): A luminous, balanced gold — the color of honey in a jar.
• Cobalt (#375FBB): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#5E3817): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Gentle Ultramarine 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

• Amber Archive color palette (#EBF7FF, #69AAC2, #C3714B, #00708D, #62341F)
• Dusty Lapis Ridge color palette (#F1F5FF, #969AD1, #7A9540, #5957B6, #3A4916)
• Olive Grove color palette (#F1F5FF, #8082BD, #B16247, #6F6D00, #2D3753)
• Soft Cobalt color palette (#EFF6FF, #93B8F9, #E87DA5, #4E7ED4, #4E3958)
• Grape Workshop color palette (#DAE4FF, #776BFA, #8A6B00, #4A00D0, #3A2C00)
• Pale Emerald Meadow color palette (#F9EDFA, #6DA7EA, #10A85F, #2466AA, #053018)
• Cocoa Hollow color palette (#FFF0F9, #BE9CA8, #936653, #7D3A3E, #2F4334)
• Timeworn Mustard Boulevard color palette (#FFF0FF, #ACCEFF, #E8B36C, #74A0E0, #46413C)

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