Tempered Teal color palette — #FBF3F0 · #C5DFE6 · #99CEF1 · #72B292 · #604A5D

Built around Jade, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#C5DFE6): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#99CEF1): A whisper-light, dusty blue — the color of open sky before noon.
• Jade (#72B292): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#604A5D): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Hushed Balcony color palette (#F9F4ED, #BAE7F2, #ACD8C1, #83997C, #3A544B)
• Tempered Sky Harbor color palette (#F1F7F2, #D4E0F0, #6DBEDB, #4C958B, #3F5568)
• Sky Lagoon color palette (#FCF3F1, #B2EDEB, #33C3EC, #569F5C, #47324A)
• Weathered Marigold color palette (#FCF4E6, #EAD394, #B8C2FF, #C4A54E, #5D4455)
• Tempered Cypress Study color palette (#F6EFF5, #D3D2EA, #7CA2BC, #3D7867, #293748)
• Tempered Alley color palette (#FFF3E8, #AEE2FF, #7CA9FF, #00998E, #352564)
• Fern Lantern color palette (#FDF4E7, #D5E7D0, #C8CCE6, #DDB7A3, #5C4E00)
• Faded Cobalt color palette (#F8EAE1, #6BABBE, #0079C3, #005F4A, #05002C)

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