Hazy Basin color palette — #F4ECDC · #0D8AF3 · #6F45CE · #6A3A00 · #02042D
Built around Violet, softened by Azure — the whole palette hums with trust and stability.
The five colors
- Cream (#F4ECDC): A whisper-light, dusty gold — the color of old brass.
- Azure (#0D8AF3): A luminous, vivid blue — the color of a favorite pair of jeans.
- Violet (#6F45CE): A full-bodied, vivid violet — the color of a velvet chair.
- Bronze (#6A3A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Ink (#02042D): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Optimism, Creativity, Energy, Balance. Tagged retro, vibrant.
Use it as a design system
One click turns Hazy Basin 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
- Aged Hollow color palette (#FAEED5, #0094CB, #494EE2, #782C00, #000C1C)
- Quiet Violet color palette (#EDDFC4, #7F6DFF, #963A9F, #564600, #110027)
- Aged Terrace color palette (#D7E4F6, #1D79FC, #B40067, #524200, #000A09)
- Aubergine Canyon color palette (#E3E2D3, #007E9D, #5B239C, #302D00, #000B1D)
- Feathered Garnet color palette (#F3E4C3, #009BA6, #006DAB, #82162F, #000E13)
- Tempered Loft color palette (#E1F1E4, #6EB7F2, #307EF4, #006A80, #0A093C)
- Lapis Coast color palette (#E9EDFD, #4543FF, #372853, #17101B, #01051B)
- Softworn Studio color palette (#E1ECFF, #9483CD, #905A9A, #426144, #171C00)
Browse the whole catalog at Explore, or see today's palette.