Cobalt Field color palette — #EAF0E2 · #7FA4CB · #4274BC · #00577C · #01002F

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

The five colors

• Cream (#EAF0E2): bright and airy, almost weightless.
• Blue Fog (#7FA4CB): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4274BC): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00577C): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#01002F): A deep, shadowed, balanced violet — the color of wild irises.

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

• Timeworn Petrol Thicket color palette (#DFE2D1, #74AAB9, #0080A2, #005C62, #000B13)
• Dusty Summit color palette (#EBE0D2, #6897C2, #3B529D, #003A43, #0B0026)
• Worn Hollow color palette (#DAECEC, #527CA6, #00387D, #001D2C, #00000D)
• Quiet Azure color palette (#DEE1D4, #92C8E5, #209BE0, #007992, #00203D)
• Ancient Turquoise Studio color palette (#EEF0E4, #A3DFEA, #00B7DA, #009092, #003344)
• Sapphire Lantern color palette (#EEDEDB, #D0426E, #4863DB, #9D0045, #020024)
• Hushed Hollow color palette (#F4F6EF, #C3E4E8, #9FC1E7, #58A2C4, #593C57)
• Wandering Terracotta color palette (#FFE8DE, #E1957B, #AD8D48, #9F4251, #2A0100)

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