Muted Cerulean color palette — #F7F1E7 · #B4D0B4 · #008B9D · #005E48 · #002531
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F1E7): a clean, paper-quiet neutral.
- Pistachio (#B4D0B4): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#008B9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005E48): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002531): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Muted Cerulean 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 Cobalt Bloom color palette (#F5F1EB, #9CD0E7, #3783B6, #005A60, #0B203E)
- Muted Corridor color palette (#F5F1EB, #C2E7D0, #2899C9, #006D6A, #10332B)
- Weathered Denim color palette (#E6DDD0, #4E94B1, #004E7A, #002B2F, #000412)
- Muted Hollow color palette (#FFE0E4, #A758AA, #8B6800, #006871, #260810)
- Misty Harbor color palette (#FDF3EF, #BCEBF2, #00B7E3, #348142, #3C243F)
- Dusty Fern Lantern color palette (#E6E0CE, #929F74, #6B6816, #4D3B03, #191903)
- Ancient Pewter color palette (#FFECEF, #FDC3DF, #E29894, #725C96, #331C1D)
- Ancient Emerald color palette (#FEE0E7, #B276C2, #35983B, #732B85, #042306)
Browse the whole catalog at Explore, or see today's palette.