Cobalt Field color palette — #BDE8EA · #5E82BA · #664A6C · #3F3C0E · #162B0C

Built around Slate Blue, softened by Charcoal Brown — the whole palette hums with nature and growth.

The five colors

• Silver (#BDE8EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#5E82BA): A luminous, balanced blue — the color of deep harbor water.
• Charcoal Brown (#664A6C): A full-bodied, dusty pink — the color of a candy shop window.
• Deep Olive (#3F3C0E): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Forest (#162B0C): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Cobalt Loft color palette (#D3E5EB, #6677B9, #633254, #1D2F00, #001B0E)
• Antique Iris Atelier color palette (#DFEFFC, #8374B9, #7B4851, #0E482B, #002E2B)
• Washed Cerulean color palette (#D6ECD8, #2497AB, #545981, #502800, #281E00)
• Sunlit Iris Boulevard color palette (#C9EDED, #7DA1C5, #8675BC, #646215, #093300)
• Timeworn Lilac Thicket color palette (#DCF1FF, #A893ED, #8F5462, #375422, #003F2B)
• Weathered Basalt Balcony color palette (#E6F1FF, #6A76A6, #4F476C, #4D1C31, #270006)
• Iris Ridge color palette (#E7EDFF, #8F88C9, #7D6B90, #703D48, #460F0D)
• Hushed Summit color palette (#F8E4D8, #35AED2, #0B599A, #003F33, #191746)

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