Misty Terrace color palette — #FFF3E9 · #99D4F2 · #178DF8 · #007272 · #242A68

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sky (#99D4F2): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#178DF8): A luminous, vivid blue — the color of a favorite pair of jeans.
• Teal (#007272): A full-bodied, balanced teal — the color of sea glass.
• Navy (#242A68): A deep, shadowed, balanced 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 Misty Terrace 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 Corridor color palette (#FFF0F7, #D9D6EB, #409CFE, #007272, #191C54)
• Quiet Cerulean Veranda color palette (#FFF2EC, #6BDFEA, #009AC4, #007557, #00355B)
• Petrol Courtyard color palette (#E5FAF8, #88C0DE, #0075AD, #005364, #00355C)
• Frosted Mallow color palette (#EBF7FF, #C7D5FF, #DC9AEA, #009195, #16315F)
• Navy Hollow color palette (#C8EDEB, #00B5CC, #0084AB, #005E94, #022682)
• Gentle Basin color palette (#E5F1FF, #72B3FF, #0080CF, #004684, #001C3A)
• Timeworn Cerulean Delta color palette (#FAF4EE, #C2E6EC, #93A3D3, #308797, #5D3C4D)
• Periwinkle Terrace color palette (#DAEDFF, #2FA7FF, #867C13, #A55500, #002642)

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