Cobalt Field color palette — #EDF7FF · #8BB6D3 · #C18C54 · #167AAF · #64414E

Cerulean and Mustard set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Ash (#8BB6D3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Mustard (#C18C54): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#167AAF): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#64414E): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

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 Cypress Ridge color palette (#E7F9FF, #77BEC0, #C58295, #008386, #6A3D4B)
• Worn Cobalt Coast color palette (#F1F5FF, #A4ACDD, #AF9560, #636BB2, #39553F)
• Blush Corridor color palette (#F8EEF9, #90B7E2, #D07EA7, #4874A5, #472626)
• Ancient Loft color palette (#EEF6FF, #789AC6, #AF7D5C, #93702D, #324459)
• Cerulean Grove color palette (#EDF7FF, #DCD9E4, #C9ACA6, #5A9EA7, #404C5D)
• Weathered Mint color palette (#ECF7FE, #92CDEC, #8FC275, #3298C4, #33544E)
• Patina Chapel color palette (#ECF9F1, #9CC2B4, #678A75, #735835, #344E4A)
• Ultramarine Workshop color palette (#EFF6FF, #6A90E9, #A77300, #1435F2, #4F3500)

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