Tempered Teal color palette — #FAF3F0 · #BDEFEA · #80C7F2 · #42AC99 · #553F55

A conversation between Turquoise and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF3F0): a clean, paper-quiet neutral.
• Honeydew (#BDEFEA): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#80C7F2): A luminous, balanced blue — the color of deep harbor water.
• Turquoise (#42AC99): A luminous, balanced teal — the color of sea glass.
• Charcoal (#553F55): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Hushed Powder Garden color palette (#F9F4EF, #C8DDEB, #B2C5F9, #6FAEBA, #614B56)
• Washed Sky color palette (#FDF3EB, #BBE7FF, #76B5FF, #00A0A0, #31375C)
• Linen Dune color palette (#EFF9E7, #7DE3C1, #E19FFE, #42B593, #5C3440)
• Washed Quarry color palette (#F2F8E6, #B1E7ED, #D8C7CB, #A9B67B, #42523D)
• Timeworn Delta color palette (#EDF4EE, #C2E2F2, #4E97B9, #006D69, #142E44)
• Washed Thicket color palette (#F3E7DF, #69BCDC, #0088DC, #006D68, #050940)
• Dusty Petrol Corridor color palette (#EDDFD8, #47B3B7, #00819E, #006041, #000A16)
• Washed Mint color palette (#EBFCDB, #91EBCE, #1ACAA8, #258E72, #003A2D)

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