Hazy Ridge color palette — #F0F9E0 · #9FD0FF · #308AFB · #006C96 · #182E66
Built around Azure, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Cream (#F0F9E0): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#9FD0FF): A whisper-light, balanced blue — the color of deep harbor water.
- Azure (#308AFB): A luminous, vivid blue — the color of a favorite pair of jeans.
- Peacock (#006C96): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#182E66): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Hazy Ridge 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
- Softworn Alley color palette (#F4F8E1, #75DBF9, #009AC7, #00717B, #003751)
- Washed Sapphire Coast color palette (#FFF4E2, #80BEF6, #2664DE, #005367, #262475)
- Timeworn Iris Veranda color palette (#FFF3E7, #DFE2F4, #818CFF, #007177, #350057)
- Sunlit Navy color palette (#EBFAED, #BBDEFF, #7BA9FF, #0092B5, #262179)
- Turquoise Bloom color palette (#EEF1E0, #46B1CA, #00718E, #00494E, #001622)
- Softworn Turquoise Chapel color palette (#F5F6EE, #C2EFE3, #78BFC8, #778E71, #45584C)
- Amber Quarry color palette (#FFDFB7, #D68D00, #00A481, #8F5D00, #00372A)
- Linen Plum Bloom color palette (#FCEED7, #B48200, #009B3B, #CA1644, #312100)
Browse the whole catalog at Explore, or see today's palette.