Cobalt Field color palette — #F0F7F4 · #DFD4D0 · #C7B8B4 · #297BAF · #3E4B47

A conversation between Cerulean and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#DFD4D0): a clean, paper-quiet neutral.
• Stone (#C7B8B4): a calm mid-gray that lets other colors speak.
• Cerulean (#297BAF): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3E4B47): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Muted Cobalt color palette (#F9F3F7, #E0D8D7, #ABADA3, #727EB4, #594F56)
• Petrol Harbor color palette (#EDF2F8, #D7D6E1, #C2B9D1, #51799D, #262D34)
• Aged Fern color palette (#DFFBDF, #A5BDAF, #8084AC, #4B673C, #205146)
• Weathered Pewter Orchard color palette (#FBF3F4, #E1D7D1, #C0AFA7, #7A5089, #453639)
• Tempered Cobalt color palette (#EDE0EA, #5A6DAD, #472730, #281925, #081515)
• Softworn Dune color palette (#FDF3ED, #C3AC87, #70794C, #664F75, #593C00)
• Dusty Ultramarine color palette (#FAF2F9, #DECDD4, #C6999C, #0045DA, #3C2D3B)
• Antique Navy Harbor color palette (#EEE5EF, #B2A5AC, #9A7379, #003867, #1C0D1F)

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