Weathered Cobalt Pier color palette — #F8EFF3 · #AFCCDE · #517EB7 · #005D50 · #1D1942
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#F8EFF3): a clean, paper-quiet neutral.
- Lilac Frost (#AFCCDE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#517EB7): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005D50): A full-bodied, dusty teal — the color of sea glass.
- Deep Indigo (#1D1942): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Weathered Cobalt Pier 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
- Linen Cobalt color palette (#FFEBF9, #62CDE0, #0079B3, #00543A, #070F4B)
- Tempered Cobalt color palette (#EFF8F1, #AACADF, #337FB4, #005F65, #223B5F)
- Fern Loft color palette (#F5F0F6, #BDE4ED, #4D9AAE, #416A3C, #112E48)
- Wandering Petrol color palette (#FBF4EA, #C1E3F3, #72ADDB, #007E86, #192E4E)
- Washed Mallow color palette (#E4F5FF, #CDDBFF, #D199C7, #1E7C6A, #152539)
- Frosted Corridor color palette (#E1F0FF, #0082CA, #A45718, #6E5100, #001528)
- Tempered Hollow color palette (#DAECF7, #20A0C0, #AC6A18, #005F74, #2C1600)
- Tempered Denim color palette (#F5EAF4, #4E979C, #00516C, #002E15, #000412)
Browse the whole catalog at Explore, or see today's palette.