Hazy Pine color palette — #FDF1FD · #B6FDFF · #00A9D7 · #007835 · #00244D
A conversation between Olive and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF1FD): A whisper-light, dusty pink — the color of a candy shop window.
- Sea Foam (#B6FDFF): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#00A9D7): A luminous, balanced blue — the color of deep harbor water.
- Olive (#007835): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00244D): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Hazy Pine 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
- Tempered Dune color palette (#F9F3F9, #D2D5E6, #5EB3CD, #437F44, #0C304F)
- Hazy Periwinkle Orchard color palette (#FFF0F8, #D7D7EF, #4E9DF3, #007462, #201061)
- Aqua Study color palette (#FFF2EE, #45CED1, #00799A, #005A25, #023264)
- Weathered Petrol Lagoon color palette (#E7F7EA, #6DCDCF, #008092, #005342, #001E29)
- Worn Glacier color palette (#E5F9FF, #60E4FF, #0092A7, #004755, #000709)
- Muted Rose color palette (#E7F9FF, #2ED9E5, #EF4457, #007A81, #40000A)
- Wandering Mint color palette (#B5FFBA, #00DDB4, #009494, #00576A, #002D4C)
- Quiet Ember color palette (#DDFCFF, #00AEBB, #F63511, #D12300, #001619)
Browse the whole catalog at Explore, or see today's palette.