Tempered Teal color palette — #F9F4ED · #C8E4DF · #8BC7E1 · #00AFA3 · #234C68

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

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Silver (#C8E4DF): A whisper-light, dusty teal — the color of sea glass.
• Sky (#8BC7E1): A luminous, dusty blue — the color of deep harbor water.
• Turquoise (#00AFA3): A luminous, balanced teal — the color of sea glass.
• Peacock (#234C68): A full-bodied, dusty blue — the color of open sky before noon.

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

• Powder Villa color palette (#FAF3F8, #D5D4E2, #84C3ED, #4E9273, #2F405B)
• Worn Turquoise Boulevard color palette (#F8F5EF, #CFE4E7, #ACC8F4, #57B0C9, #65485D)
• Petrol Station color palette (#F4EDE2, #72ADAC, #008393, #005F49, #000B11)
• Feathered Periwinkle color palette (#FFF4E2, #AEE2FF, #59B1FF, #0095A5, #092B75)
• Worn Cypress Canyon color palette (#EDF4EE, #B7E4F8, #5797B1, #166C65, #162E42)
• Dusty Mallow Veranda color palette (#FFF1F1, #E4D7CD, #C99ED8, #A5B29C, #5E3E3A)
• Misty Mustard color palette (#FFF1F1, #E5A8CE, #C4B750, #39B5D9, #512B2D)
• Soft Fuchsia Hollow color palette (#FFF1F2, #F2B5E4, #88D19F, #D974C5, #224D31)

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