Tempered Teal color palette — #CCE7D1 · #FF9F79 · #00C4C2 · #103038 · #0A1416
Built around Turquoise, softened by Melon — the whole palette hums with optimism and sophistication.
The five colors
- Celadon Mist (#CCE7D1): A whisper-light, dusty teal — the color of glacier melt.
- Melon (#FF9F79): A luminous, balanced orange — the color of sun-warmed clay.
- Turquoise (#00C4C2): A luminous, balanced teal — the color of glacier melt.
- Deep Forest (#103038): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#0A1416): quiet, heavy and certain.
Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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 Honey color palette (#D3EEF3, #FDC12E, #00D2EA, #1F323B, #141C1F)
- Weathered Amber color palette (#D0EAEB, #E47E00, #00A1A8, #001D1F, #000609)
- Powder Loft color palette (#EFF0DD, #FFB4B4, #80C5FF, #324E46, #1D2A26)
- Tempered Iris Lagoon color palette (#E5E1CB, #00DDC6, #6C85EA, #131B3D, #080F1C)
- Gentle Sapphire Basin color palette (#E1DFCC, #00B6D7, #1E6BEA, #011129, #01040E)
- Mustard Harbor color palette (#EAF2FF, #D1AF5A, #3F5480, #162742, #080D14)
- Washed Study color palette (#D0E7E8, #FF9FE0, #96ACFF, #3B364D, #22262F)
- Ancient Pewter Balcony color palette (#EFF1F9, #DFD5DE, #CCB7BF, #6B7395, #2A2C34)
Browse the whole catalog at Explore, or see today's palette.