Cobalt Coast color palette — #F2EBFA · #E888BC · #7FB15A · #5181D2 · #2D2038
A conversation between Azure and Bubblegum, giving this palette its sense of nature and growth.
The five colors
- Blush (#F2EBFA): A whisper-light, dusty violet — the color of wild irises.
- Bubblegum (#E888BC): A luminous, balanced rose — the color of strawberry cream.
- Jade (#7FB15A): A luminous, balanced green — the color of fresh herbs.
- Azure (#5181D2): A luminous, balanced violet — the color of wild irises.
- Deep Indigo (#2D2038): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.
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 Canyon color palette (#FFF0FA, #EDA591, #80BF83, #5893D6, #42293B)
- Tempered Amber color palette (#F5E9FE, #E090B3, #CB9529, #00949D, #2E1F39)
- Indigo Studio color palette (#E2F4E4, #EE9FBD, #C8882C, #516CCD, #40263D)
- Feathered Violet color palette (#FEE7F6, #F18D73, #00B9A6, #9A6ABF, #341E2E)
- Dusty Blush color palette (#FCF1FF, #FF7EA0, #009348, #006B82, #1E0D23)
- Sapphire Archive color palette (#FCEDF6, #EA9B80, #CB8C2B, #0066C7, #4F1500)
- Airy Emerald Study color palette (#FFE9E4, #C87086, #339653, #006D7C, #3F1A14)
- Timeworn Mustard Station color palette (#E2F4E7, #D4AC36, #90AD4C, #0087C0, #142D1C)
Browse the whole catalog at Explore, or see today's palette.