Cobalt Field color palette — #EDF0E8 · #A5C8EC · #4D86D8 · #00658F · #1D2C51

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

The five colors

• Cream (#EDF0E8): a clean, paper-quiet neutral.
• Sky (#A5C8EC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Azure (#4D86D8): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00658F): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#1D2C51): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Worn Cerulean Workshop color palette (#EEEFE7, #87D2DE, #0096B1, #006C6C, #003343)
• Aged Periwinkle Chapel color palette (#E7F2E9, #B1D7FF, #7EA3EE, #008CAF, #262853)
• Softworn Sapphire Corridor color palette (#F9ECDF, #87B6E4, #4B61B3, #004E5A, #2F274C)
• Iris Coast color palette (#FCF4EB, #D2E8FF, #7D88E5, #00696E, #261338)
• Frosted Azure color palette (#F4F7E8, #9DE8FE, #00ABD9, #00818B, #004662)
• Petrol Quarry color palette (#DFE3D4, #59ACD7, #006DA4, #004858, #00142A)
• Hazy Byzantium Field color palette (#FFEAE2, #E34749, #957600, #9536AF, #351507)
• Wandering Bronze color palette (#F3E3CC, #B29D61, #926A00, #6B4300, #2D2207)

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