Muted Cobalt Field color palette — #FBF4EF · #A3D1B9 · #1E7EC1 · #00605A · #2B395D
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF4EF): bright and airy, almost weightless.
- Pistachio (#A3D1B9): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#1E7EC1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#00605A): A full-bodied, dusty teal — the color of sea glass.
- Navy (#2B395D): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Muted 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
- Hushed Aqua Quarry color palette (#FFF2EC, #4ACBDE, #0078A0, #005846, #003362)
- Hazy Cornflower color palette (#FDF3EB, #9FD5FF, #4077EE, #00656E, #3C3A64)
- Worn Harbor color palette (#F4F7E9, #A3DFF6, #579FC4, #007A8A, #194338)
- Teal Studio color palette (#DCF6F3, #00ABB3, #00728E, #005278, #20365E)
- Worn Quarry color palette (#DDFEEF, #C2D6FF, #B893EA, #007578, #244C44)
- Aged Navy Pier color palette (#ECE2DA, #428AAA, #003C73, #002222, #040327)
- Hushed Bronze color palette (#E2F3EA, #009CC5, #B35F00, #00607A, #512A04)
- Weathered Cypress Pier color palette (#FAF4F0, #C9E9E6, #709FC3, #287E74, #5F4B5C)
Browse the whole catalog at Explore, or see today's palette.