Tempered Teal color palette — #F9F3F8 · #CFE1F5 · #8FC6E1 · #6FA780 · #344964
A conversation between Jade and Sky, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F3F8): a clean, paper-quiet neutral.
- Frost (#CFE1F5): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#8FC6E1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Jade (#6FA780): A luminous, balanced teal — the color of shallow lagoons.
- Navy (#344964): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. 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
- Emerald Quarry color palette (#FBF1FC, #B0F3F3, #2EC8F9, #31AB57, #204168)
- Patina Lagoon color palette (#FAF4EC, #C1E7DE, #67B1C4, #2C8C78, #2A5142)
- Aged Stone Station color palette (#E0FCF6, #CDE1EF, #BDB380, #B8AEB5, #345656)
- Aged Driftwood Workshop color palette (#EAFBE8, #B8DAC6, #98B694, #A97B6E, #2A433D)
- Periwinkle Quarry color palette (#FFF0F9, #A1E5FE, #62AFFF, #009A80, #29266E)
- Linen Jade color palette (#E3FBF8, #A4DDA7, #DFA7E4, #63B46B, #563359)
- Indigo Lagoon color palette (#F3E4E9, #7CA6C7, #5369D3, #005D5D, #0F0022)
- Cobalt Archive color palette (#F8E8F4, #5DC0D3, #008BCE, #00704F, #050643)
Browse the whole catalog at Explore, or see today's palette.