Tempered Teal color palette — #F1F7F0 · #FFE0B8 · #00B3BB · #B27E34 · #03151B
Built around Cyan, softened by Caramel — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#F1F7F0): a clean, paper-quiet neutral.
- Peach Cream (#FFE0B8): A whisper-light, dusty gold — the color of old brass.
- Cyan (#00B3BB): A luminous, balanced blue — the color of deep harbor water.
- Caramel (#B27E34): A luminous, balanced gold — the color of old brass.
- Ink (#03151B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Optimism, Sophistication. Tagged duotone, 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
- Azure Terrace color palette (#EEF8F3, #F0E99A, #4AA8DF, #958D37, #08141C)
- Hushed Jade Terrace color palette (#FCF2F9, #F2D7C3, #70B06F, #C07167, #001714)
- Moss Study color palette (#F8F5EB, #DBDA98, #80C082, #ABA731, #232613)
- Powdered Study color palette (#E7FBEE, #E3C100, #008CAB, #7D6A00, #000204)
- Chartreuse Chapel color palette (#E4FBF5, #AEF068, #0E96F6, #5B9000, #000A19)
- Timeworn Harbor color palette (#EBF4F0, #B9B77F, #4C8635, #6D6800, #00120F)
- Hushed Celadon color palette (#FFF3E3, #E7F088, #6DB279, #007765, #003A48)
- Sunlit Summit color palette (#FFF0FA, #D4D357, #3EA599, #76567C, #143933)
Browse the whole catalog at Explore, or see today's palette.