Tempered Teal color palette — #EFF8F1 · #C7E5FF · #7ECCD5 · #60A98A · #264D60
Built around Jade, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Powder Blue (#C7E5FF): A whisper-light, dusty blue — the color of open sky before noon.
- Aqua (#7ECCD5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Jade (#60A98A): A luminous, balanced teal — the color of sea glass.
- Peacock (#264D60): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Muted Studio color palette (#F1F7F2, #D8DFED, #A7CCEA, #78ABBB, #435468)
- Muted Ridge color palette (#FBF3F1, #BEE4E9, #78C8E1, #539453, #18493F)
- Airy Teal Harbor color palette (#CAFCE1, #75E1C8, #31C1B5, #0E9098, #125661)
- Dusty Balcony color palette (#E8FBEB, #97E9F9, #00BBF0, #00988F, #003656)
- Quiet Harbor color palette (#EEF8F0, #D8DDFB, #8BB7FF, #00A1C2, #333A6D)
- Worn Cobalt Veranda color palette (#DCE8DE, #76A8C4, #3078B9, #005C67, #00022D)
- Teal Workshop color palette (#E5F9FF, #78E0DE, #FD9EAF, #00B5B4, #642F3A)
- Pale Aqua color palette (#E7F9FF, #60D2D9, #D29FDC, #C59E57, #133E4A)
Browse the whole catalog at Explore, or see today's palette.