Cobalt Field color palette — #D0E9F2 · #54B6F3 · #3882D7 · #4C55A8 · #433063

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

The five colors

• Frost (#D0E9F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#54B6F3): A luminous, balanced blue — the color of open sky before noon.
• Azure (#3882D7): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#4C55A8): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#433063): A deep, shadowed, balanced 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

• Hazy Parlor color palette (#D7E5F1, #7FBDFF, #59A0FF, #5677CA, #303B65)
• Chalky Nightshade Pier color palette (#E2F1FE, #68A3E4, #2363C4, #253EA5, #2B3260)
• Cornflower Boulevard color palette (#E6F8FF, #88CCFF, #4D92FF, #5053AF, #312851)
• Gentle Turquoise Workshop color palette (#D3F6F3, #0CC2CF, #0089B4, #00659E, #263B69)
• Airy Iris color palette (#DEEDFF, #8AA3F4, #8273D3, #774D96, #502C54)
• Indigo Cabin color palette (#EFEFFF, #B0B2FF, #7276C7, #424B93, #171C4D)
• Cobalt Balcony color palette (#E5EFFF, #88A6EB, #BB8D25, #4A6CC5, #463100)
• Faded Ultramarine color palette (#CFEDFE, #1D86F0, #3E53D9, #3F219D, #2F0547)

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