Tempered Teal color palette — #FBF3F0 · #C5DEE5 · #9BCEF2 · #73B195 · #5D4C5A

Jade and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#C5DEE5): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#9BCEF2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Jade (#73B195): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#5D4C5A): A full-bodied, dusty pink — the color of peonies in June.

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

• Softworn Stone Boulevard color palette (#FFF0FC, #AEC6FF, #B9C67D, #87B18B, #4E3C4B)
• Timeworn Sky Villa color palette (#F1F7F2, #D4E0F0, #71BDDB, #4B958C, #415566)
• Dusty Cypress color palette (#F6EFF5, #D3D2E7, #71A4BF, #357968, #27374A)
• Tempered Powder color palette (#DDFFE8, #BAE0FF, #99B1FF, #9990CA, #64424B)
• Periwinkle Lantern color palette (#FFF3E8, #B2E1FF, #83A7FF, #009892, #37265E)
• Tempered Cornflower Archive color palette (#F6ECE5, #6DBCDC, #1380F2, #006E5F, #120839)
• Tempered Honey Grove color palette (#FDF1F7, #D5CDFF, #F4BB6E, #AA9CE3, #514C46)
• Patina Market color palette (#FFF3E8, #EBD6B4, #DCAA82, #AC897A, #544700)

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