Tempered Drift color palette — #F0F6FA · #D8D9E1 · #CABFC5 · #7CB8D4 · #474F54

Cyan takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D8D9E1): bright and airy, almost weightless.
• Stone (#CABFC5): a calm mid-gray that lets other colors speak.
• Cyan (#7CB8D4): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#474F54): a grounded near-black with real depth.

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

Use it as a design system

One click turns Tempered 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 Driftwood Studio color palette (#EFF8F3, #D0DDDF, #C0B2A8, #698B7C, #4E5451)
• Muted Powder Studio color palette (#EEF6FF, #D5DAE6, #B2C0FF, #B5AEB8, #2C415C)
• Timeworn Courtyard color palette (#EEF6FF, #D9D8E3, #B6ACB6, #3B95EC, #283646)
• Abyss Lagoon color palette (#E5ECF1, #B3BCC6, #8093AF, #004062, #000103)
• Pewter Balcony color palette (#FEF0FE, #C9DEFF, #989CD4, #9C5A78, #354052)
• Dusty Powder Parlor color palette (#EEF6FF, #8AB1E5, #49556A, #202C3A, #0B1015)
• Timeworn Lagoon color palette (#EDF7FF, #9AD3FD, #9B91C8, #427A48, #004143)
• Tempered Lapis color palette (#F2F5FE, #DDD6E5, #B7B8D6, #5949BC, #060B1E)

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