Tempered Drift color palette — #F9F2FF · #B7FFF1 · #D6DBCD · #3A4635 · #1E221D

Built around Sea Foam, softened by Charcoal — the whole palette hums with sophistication.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Sea Foam (#B7FFF1): A whisper-light, dusty teal — the color of glacier melt.
• Bone (#D6DBCD): bright and airy, almost weightless.
• Charcoal (#3A4635): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#1E221D): quiet, heavy and certain.

Feels like: 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

• Patina Celadon color palette (#F9FD97, #FFE8E8, #C1E1FF, #1B3B34, #0F1614)
• Washed Aqua Bloom color palette (#EFF8EF, #61D9D9, #D499BC, #AD7157, #293629)
• Tempered Alley color palette (#FFE8D6, #D1C0FF, #67D592, #223A39, #0F1818)
• Muted Villa color palette (#FFEFE5, #F3D4FF, #27EAF9, #003135, #070F08)
• Washed Lilac Quarry color palette (#F1F7F2, #CDD9F0, #A4A3F8, #11AEB8, #251B21)
• Sunflower Workshop color palette (#FFE1A5, #E6D2FF, #DFDA60, #6C6A62, #34322B)
• Ancient Turquoise color palette (#F0F7F3, #D2DDDE, #C1B2A6, #7FB8CD, #494F4C)
• Aqua Field color palette (#F8E6C9, #E1A9FF, #00C7E6, #002128, #000401)

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