Cobalt Field color palette — #FDF1F6 · #ABC9E0 · #5479AE · #005F63 · #333561

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF1F6): bright and airy, almost weightless.
• Sky (#ABC9E0): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#5479AE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005F63): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#333561): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Hazy Petrol Villa color palette (#FDF1F8, #6DC5E1, #0074B0, #00574E, #102C6F)
• Airy Bloom color palette (#FEF0FA, #9FDBD9, #008EA6, #006A3F, #004565)
• Dusty Cobalt Orchard color palette (#F0F3E8, #A2D4C1, #1D82C7, #00586F, #07213E)
• Softworn Cypress color palette (#FAF3F6, #D8DEF0, #809CBC, #287D7D, #47526A)
• Worn Ridge color palette (#ECE0E9, #599BA6, #00516D, #003126, #00142D)
• Ancient Indigo color palette (#D9F6ED, #7F994F, #776BBC, #486100, #342C5E)
• Softworn Lagoon Station color palette (#FEF3E9, #BFE6FF, #8CB3ED, #149EA4, #4E2F44)
• Dusty Nightshade Pier color palette (#F7E9ED, #84A2C0, #354DAB, #003D46, #220C4F)

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