Tempered Drift color palette — #F9F4ED · #C6EAEB · #779DC1 · #54795E · #5E4C5C
A conversation between Blue Fog and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Frost (#C6EAEB): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#779DC1): A luminous, dusty blue — the color of deep harbor water.
- Teal (#54795E): A full-bodied, dusty teal — the color of shallow lagoons.
- Charcoal Brown (#5E4C5C): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Aged Cerulean Meadow color palette (#F9F4EC, #B9E3FF, #6A8DB6, #2B6C79, #583E53)
- Wandering Cypress color palette (#F9F4ED, #C7E9E2, #7CA48D, #447A6F, #355147)
- Muted Loft color palette (#FBF2F6, #D9DFEE, #94B4DA, #569292, #47526B)
- Azure Garden color palette (#DDFEF3, #46A0E0, #BB7084, #6E7D4F, #314841)
- Dusty Ash Station color palette (#F7F0EB, #C9E2E2, #AE91B0, #577457, #452D3F)
- Ancient Sky color palette (#E4FBF2, #6ABAE9, #C38B57, #3A7A9E, #524C46)
- Petrol Villa color palette (#F7EDDF, #7BBEC6, #00748D, #005146, #013249)
- Patina Drift color palette (#FDF4E5, #8FDEDD, #008FA0, #006950, #01475B)
Browse the whole catalog at Explore, or see today's palette.