Tempered Teal color palette — #FBF3F1 · #C5DEE5 · #A2D3C1 · #66B58F · #604A5D
Built around Jade, softened by Pistachio — the whole palette hums with sophistication and softness.
The five colors
- Ivory (#FBF3F1): a clean, paper-quiet neutral.
- Silver (#C5DEE5): A whisper-light, dusty blue — the color of deep harbor water.
- Pistachio (#A2D3C1): A whisper-light, dusty teal — the color of sea glass.
- Jade (#66B58F): A luminous, balanced teal — the color of sea glass.
- Charcoal Brown (#604A5D): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: 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
- Weathered Studio color palette (#FAF3F0, #C6E8E3, #85C6F3, #54AC87, #3A4669)
- Taupe Archive color palette (#FFF0F9, #BDC1FF, #D3BC75, #97AD66, #523949)
- Cypress Basin color palette (#F6EFF5, #D3D2EC, #7EA1BB, #407575, #2B3748)
- Wandering Studio color palette (#F9EAE2, #83AB94, #0779C3, #005F4A, #05002C)
- Powdered Iris Terrace color palette (#DCF9E4, #A9DBFC, #99B9F8, #948BD9, #67404F)
- Wandering Periwinkle color palette (#F4EDE7, #ACE0CE, #7D9FFF, #00918D, #32244F)
- Hushed Cocoa Harbor color palette (#FEF3EA, #E8D7BB, #D0AF93, #BB807D, #554700)
- Softworn Canyon color palette (#FFF0F9, #CFD0FC, #E9BF87, #A09EED, #624722)
Browse the whole catalog at Explore, or see today's palette.