Tempered Drift color palette — #CBE9FF · #D4E279 · #A8CDFF · #424E5C · #32383F

Lemon and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#CBE9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lemon (#D4E279): A whisper-light, balanced green — the color of new leaves after rain.
• Sky (#A8CDFF): A whisper-light, balanced blue — the color of deep harbor water.
• Charcoal Brown (#424E5C): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#32383F): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged neon, dark, vibrant, muted.

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

• Weathered Lichen color palette (#E0FFE0, #F4E9FF, #C1DDF4, #574249, #271D20)
• Wandering Atelier color palette (#8CFAF8, #F0CD6A, #F698E7, #4A423F, #382B2D)
• Ancient Pier color palette (#F5F4FE, #A7DDDC, #7D789D, #4D4963, #2B2937)
• Feathered Wisteria Lantern color palette (#C4EADB, #5EE2FF, #D074E9, #4E3256, #1E1C2A)
• Tempered Station color palette (#BFECF1, #95C1FF, #E863A7, #3B2D44, #1C1620)
• Tempered Mallow color palette (#8EFAF9, #FFD3AB, #FFB9F3, #666072, #34313A)
• Tempered Glacier color palette (#DCEAF5, #0EE4F8, #FF9FA0, #4F3E4E, #2A212A)
• Muted Market color palette (#F8F3F9, #E1D8D8, #B2B5BF, #A992AE, #555156)

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