Quiet Drift color palette — #EDF9EF · #BBEEFF · #53C2FF · #00A5A7 · #194169

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

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Frost (#BBEEFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#53C2FF): A luminous, balanced blue — the color of deep harbor water.
• Turquoise (#00A5A7): A luminous, balanced teal — the color of sea glass.
• Navy (#194169): A deep, shadowed, balanced blue — the color of deep harbor water.

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

Use it as a design system

One click turns Quiet 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 Lantern color palette (#E8F1EA, #A1DCFC, #43ABFF, #008F9D, #1B2D4F)
• Ancient Courtyard color palette (#F1F7F2, #DADEEB, #A6CAF5, #63AFBF, #475367)
• Sapphire Terrace color palette (#E6EFE7, #74A5D5, #3167ED, #005A72, #07002B)
• Pale Workshop color palette (#EBE8FF, #B6A5FF, #FC862F, #00B692, #322853)
• Muted Cerulean Workshop color palette (#E7F4E9, #78D1D0, #00A4B7, #008062, #00242F)
• Tempered Ridge color palette (#F2F5FF, #EFD5E1, #EAB79D, #89A5F1, #41405F)
• Tempered Cerulean Thicket color palette (#F1F3E6, #B0DCC3, #188FB9, #00616A, #00283D)
• Airy Indigo Studio color palette (#D3E0EF, #A1BEFF, #9092FF, #795DD9, #482B65)

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