Misty Terrace color palette — #EFDDE3 · #3698D3 · #0D419F · #002F33 · #12033F

Indigo and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#EFDDE3): A whisper-light, dusty rose — the color of a warm blush.
• Cerulean (#3698D3): A luminous, balanced blue — the color of deep harbor water.
• Indigo (#0D419F): A full-bodied, vivid violet — the color of wild irises.
• Deep Forest (#002F33): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#12033F): 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 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

• Navy Terrace color palette (#EEDFE4, #6490AE, #293F97, #002C2B, #070016)
• Cerulean Quarry color palette (#F4E4EF, #00A1B8, #005071, #003128, #001231)
• Pale Ultramarine Field color palette (#F8EDE3, #71A9D0, #3E5BC6, #004A48, #1B003B)
• Cornflower Canyon color palette (#F4EDE1, #8EB5D3, #1E80F2, #006A7D, #070445)
• Cobalt Quarry color palette (#FEF1F8, #8BDBF9, #0B85D1, #006761, #2B3D6D)
• Tempered Aqua Balcony color palette (#FFF0FA, #5CCCC7, #007B8E, #005931, #003850)
• Aubergine Boulevard color palette (#D2EBE5, #537B1B, #4B009A, #1F3400, #140033)
• Tempered Mint color palette (#E4EDD2, #00CA83, #00929A, #4A3B00, #001E03)

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