Muted Cobalt color palette — #FAF4F0 · #C3E6D2 · #4E8ECD · #23715E · #573F4F
Cerulean takes the lead with Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FAF4F0): bright and airy, almost weightless.
- Celadon Mist (#C3E6D2): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#4E8ECD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#23715E): A full-bodied, balanced teal — the color of shallow lagoons.
- Cocoa (#573F4F): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Muted Cobalt 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
- Antique Cerulean color palette (#FBF3F1, #CAE5C7, #2C98B5, #3C703B, #2B5047)
- Faded Cobalt Boulevard color palette (#FFF2EB, #94DBF0, #0084D7, #006952, #353C66)
- Weathered Studio color palette (#F9F4ED, #BEEDFF, #73ACD2, #438789, #534154)
- Mustard Archive color palette (#FFF1F1, #E2DAD0, #D6BA77, #7971A6, #644A47)
- Quiet Chapel color palette (#FFF1F4, #AF69BB, #008E87, #007685, #483035)
- Washed Workshop color palette (#EADBD5, #428D97, #00425E, #002413, #00022C)
- Timeworn Spruce Grove color palette (#F3E6E3, #69ACA8, #006176, #054208, #00213C)
- Sapphire Thicket color palette (#F7ECE4, #7DBBD6, #1566C2, #005146, #2A2654)
Browse the whole catalog at Explore, or see today's palette.