Cobalt Field color palette — #B5F2F0 · #84D9E7 · #33BCE7 · #3D91DB · #30436A

Azure takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Sea Foam (#B5F2F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Ice Blue (#84D9E7): A whisper-light, balanced blue — the color of deep harbor water.
• Cyan (#33BCE7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#3D91DB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#30436A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Pale Azure Alley color palette (#DDFFE9, #A3E6FF, #00ADE2, #227EAC, #1B3F5A)
• Timeworn Cornflower color palette (#C6F0FF, #97CFFF, #84AFFF, #6E7CDD, #493C67)
• Frosted Teal color palette (#E0EBC5, #86DEC7, #24C6C7, #0098B3, #1C4961)
• Hazy Quarry color palette (#C6EAF4, #06BFF6, #0B8FF7, #3A5DFF, #31057F)
• Feathered Azure Terrace color palette (#EAFAF3, #9AD5F5, #F6AB63, #01ACE8, #5D3914)
• Powdered Study color palette (#CEF1F4, #0095B0, #006CA6, #00408E, #12004B)
• Byzantium Quarry color palette (#D0E5F7, #97BEFF, #9896FF, #9049E4, #622767)
• Worn Turquoise Meadow color palette (#E4FCF2, #F2D9D3, #F4B9B4, #62C1C5, #5D465D)

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