Tempered Teal color palette — #FAF2F9 · #CFE3FC · #84C7EE · #61AA83 · #344867

Jade takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Frost (#CFE3FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#84C7EE): A luminous, balanced blue — the color of deep harbor water.
• Jade (#61AA83): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#344867): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. 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

• Pale Study color palette (#FCF2FA, #A3F5FA, #3EC6FB, #38A966, #1B3F72)
• Lagoon Orchard color palette (#F9F4EE, #C4E4DF, #76AEC2, #358A7E, #235243)
• Washed Mallow Coast color palette (#F7F3FF, #ECA2D8, #7CC79E, #47ACA7, #3D324D)
• Worn Villa color palette (#FFF0F8, #A9E3FF, #72ACFF, #009989, #31246A)
• Ancient Station color palette (#F6F3FF, #F4E9B9, #DDD7CD, #A6A9DD, #54495C)
• Cobalt Workshop color palette (#F2E1EC, #61BFD8, #0088DB, #006F56, #0B0640)
• Forest Canyon color palette (#F7EAF8, #64B0AB, #00829C, #0F620D, #000A17)
• Blush Alley color palette (#F8F2FF, #FBB1E0, #9DCD93, #CC83B3, #2E4B28)

Browse the whole catalog at Explore, or see today's palette.