Cerulean Drift color palette — #F1F6FB · #DBD9DF · #B7A7A7 · #6784A8 · #4C535C

A conversation between Storm Blue and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#DBD9DF): bright and airy, almost weightless.
• Ash (#B7A7A7): soft and architectural.
• Storm Blue (#6784A8): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#4C535C): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Driftwood Courtyard color palette (#F5F0F5, #DDD4D5, #B8ABA5, #967694, #3B333A)
• Softworn Pewter color palette (#ECF7FF, #B9C1DA, #938DA2, #557871, #3A5052)
• Ancient Fern Delta color palette (#E4FBF7, #83AEC9, #7A6DA5, #4F621E, #3A495C)
• Wandering Delta color palette (#E5ECF5, #9599AA, #716D85, #041A77, #020919)
• Washed Basin color palette (#F2F5FC, #DDD6E1, #BFB7CF, #535ACC, #39404F)
• Nightshade Harbor color palette (#ECEEF6, #CBCAD8, #A59CAF, #524695, #2A2D3A)
• Worn Aubergine color palette (#EAE7F3, #AFA5B4, #92748C, #5F005B, #161120)
• Tempered Mulberry color palette (#F7F3FC, #DBCDDD, #BB9CB0, #971D76, #392C48)

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