Tempered Teal color palette — #FAF4ED · #BDEEF5 · #AFBAEE · #53A7AC · #5E3C49
A conversation between Turquoise and Lavender, giving this palette its sense of creativity and calm.
The five colors
- Ivory (#FAF4ED): a clean, paper-quiet neutral.
- Frost (#BDEEF5): A whisper-light, dusty blue — the color of deep harbor water.
- Lavender (#AFBAEE): A luminous, dusty violet — the color of wild irises.
- Turquoise (#53A7AC): A luminous, balanced blue — the color of deep harbor water.
- Cocoa (#5E3C49): A full-bodied, dusty rose — the color of pressed rose petals.
Feels like: Creativity, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Teal 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
- Softworn Powder Meadow color palette (#FBF3EE, #C1E3EF, #A9CBED, #97A989, #614B5A)
- Weathered Sky Pier color palette (#FFF2ED, #B1ECF4, #68BDEA, #549D75, #4B2F49)
- Worn Periwinkle color palette (#E5FBF4, #9ED2FF, #E0B76C, #5BA5E2, #46423B)
- Tempered Periwinkle color palette (#F0F7F1, #D9DCF9, #86A4E2, #4C8397, #3C4762)
- Mustard Harbor color palette (#DBFEF3, #7DC6FF, #C8B554, #90A976, #213F36)
- Wandering Market color palette (#AAF1F3, #65DDFF, #61AFF2, #7484C1, #613D4D)
- Petrol Workshop color palette (#F9EFF2, #CEDEEF, #7C8BBC, #006A7A, #252947)
- Sapphire Alley color palette (#EADBD0, #5AABD2, #2E6FD8, #005E55, #0B0027)
Browse the whole catalog at Explore, or see today's palette.