Hazy Cabin color palette — #F6ECE6 · #97CDE7 · #3B89D7 · #006C6A · #222A52

Azure and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6ECE6): bright and airy, almost weightless.
• Sky (#97CDE7): A luminous, dusty blue — the color of deep harbor water.
• Azure (#3B89D7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#006C6A): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#222A52): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Hazy Cabin 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

• Periwinkle Chapel color palette (#FBF4ED, #B1DAF9, #7195D9, #007A84, #373659)
• Dusty Azure Archive color palette (#EEF8F0, #CEE0FF, #4E98D3, #006871, #011A49)
• Worn Lagoon color palette (#E5F1F0, #70BCE2, #006FA4, #004D5D, #0B304E)
• Worn Forest color palette (#EDE0D9, #76C0BD, #008398, #005D34, #002234)
• Turquoise Lantern color palette (#FFF2EC, #99ECED, #00ADCF, #008759, #0F4464)
• Powder Market color palette (#FAF4EF, #C4E0F0, #95B3DE, #509396, #5F4C58)
• Timeworn Ultramarine color palette (#EFE4DA, #7196B9, #324BB5, #003A43, #0C0026)
• Airy Peony color palette (#D4E4CA, #00B195, #DD399A, #007461, #471130)

Browse the whole catalog at Explore, or see today's palette.