Misty Cabin color palette — #E3FBFA · #A0D0FF · #2F89FD · #006C96 · #142C6E

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

The five colors

• Ivory (#E3FBFA): A whisper-light, dusty teal — the color of sea glass.
• Sky (#A0D0FF): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#2F89FD): A luminous, vivid blue — the color of deep harbor water.
• Peacock (#006C96): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#142C6E): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Misty 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

• Weathered Cobalt Drift color palette (#E2F3F1, #9CCCE5, #008FD1, #00697D, #0D304D)
• Soft Azure color palette (#EAF9F7, #A0E7FF, #00AADE, #00818D, #0F4561)
• Misty Iris color palette (#FFF1F5, #DBDFF2, #7A8FFF, #007274, #310B53)
• Dusty Periwinkle Courtyard color palette (#FFF4E2, #BBDEFF, #7BA9FF, #0092B5, #272A67)
• Linen Sapphire color palette (#FFF1F5, #74BEFF, #4463CF, #00545F, #33285D)
• Denim Market color palette (#D7E4E2, #579FAB, #006377, #003B3C, #000B12)
• Lagoon Basin color palette (#DBECE8, #68C3C0, #00858B, #005A4E, #00242A)
• Washed Ember Market color palette (#FFE6E0, #F54200, #908200, #AF24AB, #421206)

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