Cobalt Field color palette — #D2E8E6 · #85BAD1 · #007EB0 · #005765 · #002139

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

The five colors

• Frost (#D2E8E6): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#85BAD1): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#007EB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005765): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002139): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Dusty Cobalt Lantern color palette (#E4F2F1, #9DCAEF, #5289C6, #006789, #162D53)
• Cobalt Thicket color palette (#F4F6ED, #8FD7F5, #0084B7, #00505C, #000E1B)
• Linen Petrol Lagoon color palette (#DEF5F5, #7AA6D2, #2E65B1, #004563, #010349)
• Muted Denim color palette (#D8EDEB, #4E9EB8, #006181, #003A41, #000B14)
• Sunlit Cerulean color palette (#E1FCF6, #7CDDE1, #009EAE, #00736A, #003A45)
• Patina Lagoon Grove color palette (#EEF7F6, #D2DEEE, #8CB8CF, #4B9494, #3F5664)
• Worn Courtyard color palette (#FDDBE4, #D10B6F, #955900, #5F40A3, #280010)
• Tempered Coral Courtyard color palette (#F6E7F9, #F8B0B4, #EA826D, #9D4E74, #301733)

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