Hazy Coast color palette — #C1E7FF · #ABBAFF · #D17DBB · #007963 · #0D2A42
Built around Bubblegum, softened by Lavender — the whole palette hums with creativity and calm.
The five colors
- Powder Blue (#C1E7FF): A whisper-light, dusty blue — the color of open sky before noon.
- Lavender (#ABBAFF): A luminous, balanced violet — the color of wild irises.
- Bubblegum (#D17DBB): A luminous, balanced pink — the color of peonies in June.
- Teal (#007963): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#0D2A42): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Creativity, Calm, Balance. Tagged pastel, light, cool.
Use it as a design system
One click turns Hazy 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
- Misty Garden color palette (#D0E6E3, #79CCFF, #B991E1, #347144, #002335)
- Airy Blush color palette (#CDE3FF, #D3ACF8, #E67091, #007B8B, #1F1B3E)
- Hazy Blush color palette (#EEF6FF, #DECBFF, #FF8FA9, #008E9D, #2D2C5E)
- Hushed Iris Alley color palette (#CBECE3, #A0BDEE, #7D83D1, #00577E, #0D2343)
- Quiet Study color palette (#E0E3FB, #C381CA, #CC6554, #00557B, #0A0720)
- Tempered Apricot Thicket color palette (#E9EBFF, #FFB9DB, #F0A282, #587BB2, #3D304E)
- Wandering Teal Grove color palette (#EDF6FF, #E1D7E4, #E0B7CF, #66A8A5, #3F4B5D)
- Misty Amber Bloom color palette (#E8F4E7, #E77400, #009CBE, #00232D, #000509)
Browse the whole catalog at Explore, or see today's palette.