Cobalt Field color palette — #ECF1E1 · #9DD1C2 · #5188CD · #00668C · #192C53
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#ECF1E1): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#9DD1C2): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#5188CD): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#00668C): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#192C53): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. 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
- Washed Cerulean Hollow color palette (#EFF0E2, #ABCFB1, #0097AC, #006C68, #003441)
- Timeworn Cornflower color palette (#F3F7EA, #98D2FF, #088EF5, #006D90, #002E70)
- Petrol Terrace color palette (#F7ECE3, #92BBB0, #4A62AF, #004E59, #2F2454)
- Cerulean Villa color palette (#E0E2D1, #47A2A9, #006471, #003C38, #000B10)
- Turquoise Field color palette (#F5F6EC, #9AE9FC, #00ACD4, #008287, #00465F)
- Frosted Archive color palette (#F5ECEE, #ADD9FF, #7BA0FF, #008E9F, #2D2650)
- Turquoise Harbor color palette (#F5F6EE, #CCE3DC, #7FBEC1, #5C9286, #395140)
- Antique Archive color palette (#FADCD2, #E2445C, #9D7200, #8646AE, #3B0C13)
Browse the whole catalog at Explore, or see today's palette.