Tempered Teal color palette — #FEF1F8 · #DF9F81 · #2BACB1 · #A45D3A · #32535D
A conversation between Turquoise and Ochre, giving this palette its sense of optimism and balance.
The five colors
- Ivory (#FEF1F8): a clean, paper-quiet neutral.
- Camel (#DF9F81): A luminous, balanced orange — the color of autumn markets.
- Turquoise (#2BACB1): A luminous, balanced teal — the color of sea glass.
- Ochre (#A45D3A): A full-bodied, balanced orange — the color of autumn markets.
- Peacock (#32535D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Optimism, Balance. Tagged 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
- Tempered Teal color palette (#FAF1FF, #DB9AB0, #12B0A1, #A05872, #28555D)
- Ancient Studio color palette (#FFEEE5, #F29884, #5BAAB9, #9B6053, #1D3827)
- Shell Lantern color palette (#FEF1FA, #FFAC99, #6FBFCE, #B47C70, #315260)
- Bronze Basin color palette (#ECF9F0, #C3AF6C, #629ED6, #897000, #374F67)
- Antique Driftwood color palette (#E9FAF0, #9EC1B7, #8A8155, #74525F, #344D4C)
- Cerulean Canyon color palette (#FEF0FE, #CF7C85, #3F91C9, #527AA1, #4A3D4B)
- Worn Chestnut color palette (#F1F7F0, #A3CCB0, #78572B, #2B3E2A, #1F2725)
- Hushed Market color palette (#FFF2EC, #FFC5B7, #82D6E7, #D99585, #31573F)
Browse the whole catalog at Explore, or see today's palette.