Weathered Cerulean color palette — #F6EFF7 · #C2E3EB · #2F9BB9 · #386C3A · #172E44
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F6EFF7): a clean, paper-quiet neutral.
- Silver (#C2E3EB): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#2F9BB9): A luminous, balanced blue — the color of deep harbor water.
- Pine (#386C3A): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#172E44): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Weathered 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
- Muted Periwinkle Studio color palette (#F6EFF3, #D6D1E7, #71A0D4, #3A7869, #2F3647)
- Washed Cobalt color palette (#F6EFF5, #9FD0E4, #0085BD, #005F3D, #111E3F)
- Dusty Cerulean Loft color palette (#ECE1EB, #1A9CA5, #00506D, #002E16, #000313)
- Washed Boulevard color palette (#FCF3F0, #D0EFCD, #53B3CE, #638560, #2E4F47)
- Worn Lilac color palette (#F0F0FF, #B888DE, #008252, #006763, #1C1B30)
- Worn Navy color palette (#F4E9ED, #4D7F9B, #00299B, #001F1D, #020009)
- Indigo Dune color palette (#F9EFF2, #ABD5FA, #6071F7, #006264, #2E1649)
- Wandering Bronze color palette (#E7F6ED, #9DB586, #7F7638, #65441F, #0D2727)
Browse the whole catalog at Explore, or see today's palette.