Muted Drift color palette — #E0F3F2 · #77BBE1 · #006EAA · #004D5F · #142F4B

Peacock and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E0F3F2): A whisper-light, dusty teal — the color of sea glass.
• Sky (#77BBE1): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006EAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004D5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#142F4B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Muted Drift 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

• Hushed Cypress color palette (#E5F2EF, #6AC2C0, #00777D, #005146, #00353C)
• Weathered Cobalt Chapel color palette (#E9F9F9, #A9C9E8, #4F7AAF, #005B7C, #283A5C)
• Dusty Courtyard color palette (#CAF4FF, #37E1F9, #36B3E2, #1E7264, #153C48)
• Aged Lantern color palette (#E2F4F1, #469CB4, #00516B, #002F34, #001623)
• Weathered Basin color palette (#EDF8F7, #D7DBEC, #7A9DC1, #527388, #455467)
• Lapis Basin color palette (#C5E5EA, #009382, #5758CB, #00554B, #201F59)
• Linen Periwinkle Loft color palette (#F8EAF0, #ACDBF5, #78A3F3, #009287, #2F2258)
• Hushed Denim Study color palette (#CDECE8, #007C73, #005EAD, #465400, #00242B)

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