Cobalt Coast color palette — #F7ECE6 · #8FD1DE · #228FCD · #006F4E · #1D2A55
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Cream (#F7ECE6): a clean, paper-quiet neutral.
- Sky (#8FD1DE): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#228FCD): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006F4E): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#1D2A55): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Cobalt Coast 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
- Azure Study color palette (#FFF2EA, #BDDDCB, #5F9AD5, #177D68, #33375B)
- Wandering Azure color palette (#FEF0FA, #B2F2FF, #009BE5, #006D4D, #121C3C)
- Muted Boulevard color palette (#F5E9DF, #86B9D6, #4572C4, #005A53, #21104A)
- Antique Alley color palette (#ECDCD8, #55B3B4, #00718F, #004E1D, #00142D)
- Tempered Denim color palette (#E7DCD4, #5A9CB8, #1A579F, #003C34, #090029)
- Periwinkle Studio color palette (#E8F0D3, #94EBEB, #7FB2EF, #8A7731, #26371D)
- Patina Cabin color palette (#EAE7C9, #93AA1D, #008946, #006450, #003538)
- Teal Studio color palette (#A8FEE2, #3BC4A6, #008C66, #004C3F, #00190F)
Browse the whole catalog at Explore, or see today's palette.